:root { color-scheme: light; --paper: #f1f3ef; --ink: #101310; --muted: #626b64; --line: #cbd0ca; --green: #244c36; --acid: #bdf238; --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
a { color: inherit; }
.app-header { height: 64px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 30px; border-bottom: 1px solid var(--ink); background: #e8ebe6; }
.brand { font-size: 14px; font-weight: 700; text-decoration: none; }
.brand img { width: 26px; height: 26px; margin-right: 9px; object-fit: contain; vertical-align: middle; }
.app-title { font-size: 12px; }
.app-title i { margin-left: 8px; color: var(--muted); font: normal 9px var(--mono); }
.privacy { justify-self: end; color: #425048; font: 9px var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.privacy b { display: inline-block; width: 7px; height: 7px; margin-right: 8px; background: #4f9468; border-radius: 50%; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 18px; }
.header-demo { border: 1px solid rgba(201,251,60,.38); padding: 7px 10px; color: var(--acid); font: 700 8px var(--mono); letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.header-demo span { margin-left: 7px; }
.header-demo:hover { border-color: var(--acid); color: #efffc1; }
main { max-width: 1540px; margin: 0 auto; padding: 0 30px; }
.intro { min-height: 460px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 11vw; align-items: end; padding: 92px 0 70px; border-bottom: 1px solid var(--ink); }
.eyebrow { margin: 0; color: var(--green); font: 700 9px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 22px 0 0; font-size: clamp(54px, 6.6vw, 104px); line-height: .91; letter-spacing: -.068em; font-weight: 560; }
.intro-copy { padding-bottom: 4px; }
.intro-copy > p:first-child { margin: 0; font-size: 17px; line-height: 1.62; }
.boundary { margin: 28px 0 0; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font: 9px/1.55 var(--mono); text-transform: uppercase; }
.input-workbench { min-height: 330px; display: grid; grid-template-columns: 80px 1fr auto; gap: 32px; align-items: start; padding: 48px 0; border-bottom: 1px solid var(--ink); }
.input-number { color: var(--green); font: 11px var(--mono); }
.input-main h2 { margin: 0; font-size: 28px; font-weight: 560; letter-spacing: -.035em; }
.source-tabs { display: flex; gap: 24px; margin-top: 32px; border-bottom: 1px solid var(--line); }
.source-tab { border: 0; border-bottom: 2px solid transparent; padding: 0 0 10px; background: transparent; color: var(--muted); font: 10px var(--mono); text-transform: uppercase; cursor: pointer; }
.source-tab.active { border-color: var(--green); color: var(--ink); }
.source-panel { padding-top: 18px; }
.hidden { display: none !important; }
.dropzone { width: 100%; min-height: 130px; display: grid; grid-template-columns: 42px 1fr; grid-template-rows: auto auto; align-content: center; text-align: left; border: 1px dashed #7e8981; padding: 24px; background: #eaede8; cursor: pointer; }
.dropzone.dragging { border-style: solid; background: #e1e8de; }
.drop-icon { grid-row: 1 / 3; align-self: center; color: var(--green); font: 300 34px var(--sans); }
.dropzone strong { font-size: 14px; font-weight: 580; }
.dropzone small { margin-top: 7px; color: var(--muted); font: 9px var(--mono); }
.demo-button { width: 250px; min-height: 150px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--ink); padding: 20px; background: var(--acid); color: var(--ink); text-align: left; cursor: pointer; }
.demo-button span, .demo-button small { font: 8px/1.45 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.demo-button span { color: #3d5100; }
.demo-button strong { font-size: 22px; line-height: 1.02; font-weight: 600; letter-spacing: -.04em; }
.demo-button small { color: #42530d; }
.demo-button:hover { background: #d7ff62; }
.demo-button:disabled { opacity: .68; cursor: wait; }
.id-form label { display: block; margin-bottom: 8px; color: var(--muted); font: 9px var(--mono); text-transform: uppercase; }
.id-form > div { display: grid; grid-template-columns: 1fr auto; }
.id-form input { min-height: 58px; border: 1px solid #889189; padding: 0 18px; background: #f7f8f5; color: var(--ink); font: 24px var(--mono); text-transform: uppercase; }
.id-form button { border: 0; background: var(--green); color: #fff; padding: 0 22px; font: 10px var(--mono); text-transform: uppercase; cursor: pointer; }
.id-form small { display: block; margin-top: 9px; color: var(--muted); font: 9px var(--mono); }
.status { margin-top: 20px; border-left: 3px solid var(--green); padding: 14px 18px; background: #e4e9e2; font: 10px var(--mono); }
.status.error { border-color: #a93e31; color: #7e2c22; }
.results { padding-top: 96px; }
.result-head { display: flex; align-items: end; justify-content: space-between; padding-bottom: 34px; }
.result-head h2 { margin: 12px 0 0; font-size: clamp(34px, 3.6vw, 54px); line-height: .98; letter-spacing: -.045em; font-weight: 550; }
.receipt-id { text-align: right; }
.receipt-id span, .receipt-id strong { display: block; }
.receipt-id span { color: var(--muted); font: 8px var(--mono); }
.receipt-id strong { margin-top: 7px; font: 12px var(--mono); }
.metric-strip { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.metric-strip div { min-height: 110px; padding: 22px; border-right: 1px solid var(--line); }
.metric-strip div:last-child { border-right: 0; }
.metric-strip span, .metric-strip strong { display: block; }
.metric-strip span { color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.metric-strip strong { margin-top: 24px; font-size: 28px; font-weight: 540; }
.ai-guidance { margin: 34px 0 0; border: 1px solid #31453b; background: #08100c; color: #edf6f0; }
.guidance-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: 8vw; align-items: end; padding: 38px 44px 34px; border-bottom: 1px solid #2e4037; background: radial-gradient(circle at 82% 5%, rgba(189,242,56,.08), transparent 34%); }
.guidance-heading h3 { margin: 15px 0 0; font-size: clamp(30px, 3.6vw, 52px); line-height: .98; letter-spacing: -.045em; font-weight: 550; }
.guidance-heading > p { margin: 0; color: #91a49a; font-size: 13px; line-height: 1.7; }
.guidance-summary { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #2e4037; }
.guidance-summary article { min-height: 176px; padding: 24px; border-right: 1px solid #2e4037; }
.guidance-summary article:last-child { border-right: 0; }
.guidance-summary span, .guidance-summary strong, .guidance-summary small { display: block; }
.guidance-summary span { color: #82968b; font: 8px var(--mono); letter-spacing: .09em; }
.guidance-summary strong { margin-top: 30px; color: #d8ff65; font-size: 23px; line-height: 1.05; font-weight: 570; letter-spacing: -.04em; }
.guidance-summary small { margin-top: 10px; color: #7d9186; font: 8px/1.5 var(--mono); }
.guidance-grid { display: grid; grid-template-columns: 1fr 1fr; }
.guidance-grid article { min-height: 170px; padding: 30px 34px; border-right: 1px solid #27382f; border-bottom: 1px solid #27382f; }
.guidance-grid article:nth-child(even) { border-right: 0; }
.guidance-grid article span { color: #bdf238; font: 8px var(--mono); letter-spacing: .1em; }
.guidance-grid article p { max-width: 620px; margin: 24px 0 0; color: #c2d0c8; font-size: 14px; line-height: 1.65; }
.guidance-note { display: grid; grid-template-columns: 230px 1fr; gap: 30px; padding: 22px 34px; color: #71857a; font: 8px/1.55 var(--mono); }
.guidance-note strong { color: #a9bbb1; text-transform: uppercase; }
.molecule-workbench { min-height: 650px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .55fr); border-bottom: 1px solid var(--ink); background: #080b09; color: #e7eee9; }
.molecule-stage-wrap { position: relative; min-width: 0; border-right: 1px solid #344139; }
.molecule-toolbar { position: absolute; z-index: 3; top: 0; left: 0; right: 0; min-height: 66px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 20px; border-bottom: 1px solid rgba(139,166,150,.26); background: rgba(8,11,9,.88); }
.molecule-toolbar span, .molecule-toolbar strong { display: block; }
.molecule-toolbar span { color: #84a295; font: 8px var(--mono); letter-spacing: .1em; }
.molecule-toolbar strong { margin-top: 4px; font-size: 12px; font-weight: 560; }
.viewer-controls { display: flex; }
.viewer-controls button { min-height: 30px; border: 1px solid #3e4d45; border-right: 0; padding: 0 10px; background: #111713; color: #a7b6ae; font: 8px var(--mono); text-transform: uppercase; cursor: pointer; }
.viewer-controls button:last-child { border-right: 1px solid #3e4d45; }
.viewer-controls button.active, .viewer-controls button:hover { background: #bdf238; color: #0a0c0b; border-color: #bdf238; }
#moleculeStage { position: absolute; inset: 66px 0 24px; background: #080b09; }
.viewer-boundary { position: absolute; z-index: 3; left: 20px; right: 20px; bottom: 0; height: 25px; display: flex; align-items: center; border-top: 1px solid #344139; color: #75877d; font: 7px var(--mono); letter-spacing: .08em; }
.best-residues { display: flex; flex-direction: column; padding: 30px 26px 22px; background: radial-gradient(circle at 20% 0, rgba(201,251,60,.065), transparent 30%), #0b100d; }
.best-residues h3 { margin: 15px 0 14px; font-size: 32px; line-height: 1.02; font-weight: 540; letter-spacing: -.05em; }
.best-residues > div:first-child > p:not(.eyebrow) { margin: 0; color: #84958c; font-size: 11px; line-height: 1.55; }
.best-residues .hud-definition { padding-bottom: 12px; border-bottom: 1px solid #2f3d35; color: #b2beb7; }
.best-residues #hudThesis { margin-top: 12px; }
.intel-cards { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; border-top: 1px solid #344139; border-left: 1px solid #344139; }
.intel-cards article { min-height: 112px; padding: 14px; border-right: 1px solid #344139; border-bottom: 1px solid #344139; background: rgba(4,8,5,.5); }
.intel-cards article:last-child { grid-column: 1 / -1; min-height: 94px; }
.intel-cards span, .intel-cards strong, .intel-cards small { display: block; }
.intel-cards span { color: #778a7f; font: 7px var(--mono); letter-spacing: .09em; }
.intel-cards strong { margin-top: 15px; color: #dfff7c; font: 560 17px/1.05 var(--mono); }
.intel-cards small { margin-top: 7px; color: #6f8176; font: 7px/1.45 var(--mono); }
.intel-cards .intel-risk strong { color: #e5ece7; font-size: 13px; }
.ranked-title { display: flex; justify-content: space-between; margin-top: 23px; color: #75877d; font: 7px var(--mono); letter-spacing: .1em; }
.ranked-title small { font: inherit; }
#bestResidueRows { margin-top: 9px; border-top: 1px solid #344139; }
.best-residue-row { width: 100%; display: grid; grid-template-columns: 32px 1fr auto; gap: 10px; align-items: center; border: 0; border-bottom: 1px solid #27322c; padding: 14px 0; background: transparent; color: #dce5df; text-align: left; cursor: pointer; }
.best-residue-row > span { color: #75877d; font: 8px var(--mono); }
.best-residue-row strong { font: 10px var(--mono); font-weight: 560; }
.best-residue-row strong em { display: block; margin-top: 5px; color: #71847a; font: normal 7px/1.35 var(--mono); }
.best-residue-row small { color: #94aa9f; font: 7px var(--mono); }
.best-residue-row:hover, .best-residue-row.active { color: #bdf238; background: rgba(189,242,56,.055); }
.best-boundary { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid #344139; color: #6f8077; font: 7px/1.55 var(--mono); text-transform: uppercase; }
.analysis-grid { display: grid; grid-template-columns: 1.3fr .7fr; border-bottom: 1px solid var(--ink); }
.analysis-grid .analysis-section:first-child { border-right: 1px solid var(--ink); padding-right: 38px; }
.analysis-grid .analysis-section:last-child { padding-left: 38px; }
.analysis-section { padding-top: 52px; padding-bottom: 58px; }
.section-head { display: flex; align-items: baseline; gap: 24px; }
.section-head > span { color: var(--green); font: 10px var(--mono); }
.section-head h3 { margin: 0; font-size: 21px; font-weight: 570; letter-spacing: -.035em; }
.section-head p { margin: 0 0 0 auto; color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
table { width: 100%; margin-top: 34px; border-collapse: collapse; }
th { color: var(--muted); font: 8px var(--mono); text-align: left; text-transform: uppercase; }
td { padding: 16px 0; border-bottom: 1px solid var(--line); font: 11px var(--mono); }
.inventory { margin-top: 28px; color: #465049; font: 10px/1.65 var(--mono); }
.flag-list { margin-top: 34px; border-top: 1px solid var(--line); }
.flag { display: grid; grid-template-columns: 10px 1fr; gap: 13px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.flag i { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: #568266; }
.flag.warn i { background: #c57836; }
.flag strong, .flag span { display: block; }
.flag strong { font-size: 11px; font-weight: 620; }
.flag span { margin-top: 4px; color: var(--muted); font: 9px/1.45 var(--mono); }
.topology { border-bottom: 1px solid var(--ink); }
.topology-grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 36px; border-top: 1px solid var(--line); }
.topology-row { padding: 22px 20px 22px 0; border-right: 1px solid var(--line); }
.topology-row:not(:first-child) { padding-left: 20px; }
.topology-row:last-child { border-right: 0; }
.topology-row strong { display: block; font: 13px var(--mono); }
.topology-row span { display: block; margin-top: 10px; color: var(--muted); font: 9px var(--mono); }
.scope-note { margin: 28px 0 0 34px; color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.methods { padding: 58px 0 70px; border-bottom: 1px solid var(--ink); }
.methods .section-head button { margin-left: auto; border: 0; border-bottom: 1px solid #748078; padding: 0 0 4px; background: transparent; color: var(--green); font: 9px var(--mono); cursor: pointer; }
.methods > p { max-width: 1120px; margin: 34px 0 0 34px; color: #303733; font: 13px/1.75 var(--mono); }
.technical-details { border-bottom: 1px solid var(--ink); }
.technical-details > summary { min-height: 92px; display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 0 4px; cursor: pointer; list-style: none; }
.technical-details > summary::-webkit-details-marker { display: none; }
.technical-details > summary span { font-size: 21px; font-weight: 570; letter-spacing: -.035em; }
.technical-details > summary span::before { content: "+"; display: inline-block; width: 34px; color: var(--green); font: 16px var(--mono); }
.technical-details[open] > summary span::before { content: "−"; }
.technical-details > summary small { color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.receipt { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10vw; padding: 100px 0 120px; }
.receipt-intro h2 { margin: 18px 0 24px; font-size: clamp(45px, 5vw, 75px); line-height: .94; letter-spacing: -.06em; font-weight: 550; }
.receipt-intro > p:not(.eyebrow) { max-width: 560px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.download-button { margin-top: 24px; border: 1px solid var(--ink); padding: 13px 16px; background: transparent; font: 9px var(--mono); text-transform: uppercase; cursor: pointer; }
.private-export { grid-template-columns: 1fr; gap: 0; }
.private-export .receipt-intro { max-width: 760px; }
footer { min-height: 110px; display: flex; justify-content: space-between; align-items: center; padding: 0 30px; border-top: 1px solid var(--ink); color: var(--muted); font: 9px var(--mono); }
footer a { text-decoration: none; }
@media (max-width: 900px) { .intro, .receipt { grid-template-columns: 1fr; gap: 48px; } .intro { padding-top: 80px; } .input-workbench { grid-template-columns: 50px 1fr; } .demo-button { grid-column: 2; width: min(100%, 360px); min-height: 132px; justify-self: start; } .molecule-workbench { grid-template-columns: 1fr; } .molecule-stage-wrap { min-height: 560px; border-right: 0; border-bottom: 1px solid #344139; } .best-residues { min-height: 500px; } .analysis-grid { grid-template-columns: 1fr; } .analysis-grid .analysis-section:first-child { border-right: 0; padding-right: 0; } .analysis-grid .analysis-section:last-child { padding-left: 0; border-top: 1px solid var(--ink); } .topology-grid { grid-template-columns: 1fr 1fr; } .topology-row { border-bottom: 1px solid var(--line); } }
@media (max-width: 620px) { .app-header { grid-template-columns: 1fr auto; padding: 0 16px; } .app-title { display: none; } main { padding: 0 18px; } h1 { font-size: 54px; } .input-workbench { grid-template-columns: 1fr; } .input-number { display: none; } .demo-button { grid-column: auto; width: 100%; } .metric-strip { grid-template-columns: 1fr 1fr; } .metric-strip div { border-bottom: 1px solid var(--line); } .metric-strip div:nth-child(even) { border-right: 0; } .result-head { align-items: start; flex-direction: column; gap: 24px; } .receipt-id { text-align: left; } table { display: block; overflow-x: auto; } .topology-grid { grid-template-columns: 1fr; } .topology-row, .topology-row:not(:first-child) { padding-left: 0; border-right: 0; } .methods > p, .scope-note { margin-left: 0; } footer { flex-direction: column; justify-content: center; gap: 12px; text-align: center; } }
@media (max-width: 900px) { .guidance-heading { grid-template-columns: 1fr; gap: 28px; } .guidance-summary { grid-template-columns: 1fr 1fr; } .guidance-summary article:nth-child(2) { border-right: 0; } .guidance-summary article { border-bottom: 1px solid #2e4037; } }
@media (max-width: 620px) { .guidance-heading { padding: 36px 22px 30px; } .guidance-summary, .guidance-grid { grid-template-columns: 1fr; } .guidance-summary article { min-height: 145px; border-right: 0; } .guidance-grid article { min-height: auto; border-right: 0; padding: 28px 22px; } .guidance-note { grid-template-columns: 1fr; padding: 22px; } .technical-details > summary { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; padding: 20px 0; } }

/* Structure Intelligence 3.0 — scientific transparency layer */
.viewer-controls { flex-wrap: wrap; justify-content: flex-end; }
.viewer-controls label { min-height: 31px; display: inline-flex; align-items: center; gap: 7px; border-right: 1px solid #3e4d45; padding: 0 9px; color: #93a69b; font: 8px var(--mono); text-transform: uppercase; }
.viewer-controls select { max-width: 142px; border: 0; outline: 0; background: transparent; color: #dce7e0; font: 8px var(--mono); }
.molecule-toolbar { min-height: 66px; height: auto; }
#moleculeStage { inset: 72px 0 24px; }
.color-legend { position: absolute; z-index: 6; left: 22px; top: 120px; max-width: calc(100% - 44px); display: flex; gap: 12px; align-items: center; padding: 9px 11px; border: 1px solid rgba(135,161,146,.32); background: rgba(4,9,7,.84); backdrop-filter: blur(10px); color: #aab8b0; font: 8px/1.5 var(--mono); }
.color-legend strong { color: var(--acid); font-weight: 650; letter-spacing: .08em; }
.color-legend span { display: flex; flex-wrap: wrap; gap: 9px; }
.color-legend i { width: 8px; height: 8px; display: inline-block; margin-right: 4px; border-radius: 50%; vertical-align: middle; }
.viewer-light #moleculeStage { background: #fff; }
.viewer-light .viewer-boundary { color: #34443b; border-color: #b9c5be; background: rgba(255,255,255,.8); }
.viewer-light .analysis-reticle { border-color: rgba(71,104,15,.45); }

.scientific-contract { display: grid; grid-template-columns: .86fr 1.14fr; gap: clamp(40px, 7vw, 120px); padding: 58px 5vw; border-bottom: 1px solid #344139; background: #eef1ec; color: #121814; }
.contract-copy h3 { max-width: 760px; margin: 18px 0 24px; font-size: clamp(28px, 3.2vw, 46px); line-height: 1; letter-spacing: -.04em; font-weight: 560; }
.contract-copy > p:last-child { max-width: 720px; margin: 0; color: #3e4b43; font-size: 15px; line-height: 1.7; }
.scientific-contract .eyebrow { color: #446100; }
.contract-grid { display: grid; grid-template-columns: 1fr 1fr; align-self: start; border-top: 1px solid #aab5ad; border-left: 1px solid #aab5ad; }
.contract-grid article { min-height: 180px; padding: 24px; border-right: 1px solid #aab5ad; border-bottom: 1px solid #aab5ad; }
.contract-grid span, .contract-grid strong { display: block; }
.contract-grid span { color: #557100; font: 9px var(--mono); letter-spacing: .11em; }
.contract-grid strong { margin-top: 24px; font-size: 19px; }
.contract-grid p { margin: 12px 0 0; color: #4d5a52; font-size: 12px; line-height: 1.55; }

.evidence-lab, .sequence-workbench, .validation-studio { padding: 54px 5vw; border-bottom: 1px solid #344139; background: #080c0a; }
.evidence-lab-head, .sequence-head, .validation-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 35px; }
.evidence-lab-head > div:first-child > p:last-child { max-width: 690px; margin: 16px 0 0; color: #9caaa2; font-size: 13px; line-height: 1.65; }
.evidence-lab h3, .sequence-workbench h3, .validation-studio h3 { margin: 14px 0 0; color: #eef4f0; font-size: clamp(28px, 2.7vw, 42px); line-height: 1.03; letter-spacing: -.04em; font-weight: 550; }
.lens-picker-wrap { max-width: 720px; display: grid; justify-items: end; gap: 8px; }
.lens-picker-wrap > span { color: #a9b8af; font: 8px var(--mono); letter-spacing: .09em; }
.lens-picker-wrap > small { color: #73847a; font: 8px/1.45 var(--mono); }
.lens-picker { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.lens-picker button, .sequence-actions button, .sequence-actions a, .chain-tabs button, #stateFileButton { display: inline-flex; align-items: center; border: 1px solid #45564c; padding: 10px 12px; background: #101712; color: #b8c5bd; font: 8px var(--mono); letter-spacing: .07em; text-decoration: none; text-transform: uppercase; cursor: pointer; }
.lens-picker button:hover, .lens-picker button.active, .chain-tabs button.active, .sequence-actions button:hover, .sequence-actions a:hover, #stateFileButton:hover { border-color: var(--acid); background: rgba(201,251,60,.1); color: var(--acid); }
.experiment-spine { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 30px; border: 1px solid #46584e; background: #090f0b; }
.experiment-spine a { min-height: 218px; display: flex; flex-direction: column; border-right: 1px solid #344139; padding: 18px 16px; color: inherit; text-decoration: none; transition: background .16s ease, box-shadow .16s ease; }
.experiment-spine a:last-child { border-right: 0; }
.experiment-spine a:hover { background: #111b14; box-shadow: inset 0 -3px 0 var(--acid); }
.experiment-spine span { color: var(--acid); font: 8px var(--mono); letter-spacing: .09em; }
.experiment-spine strong { display: block; margin-top: 18px; color: #edf4ef; font-size: 13px; line-height: 1.4; font-weight: 590; }
.experiment-spine .workflow-answer { margin: auto 0 0; border-top: 1px solid #2d3a33; padding-top: 13px; }
.experiment-spine .workflow-answer b, .experiment-spine .workflow-answer em { display: block; }
.experiment-spine .workflow-answer b { color: #718278; font: 7px var(--mono); font-weight: 500; letter-spacing: .07em; text-transform: uppercase; }
.experiment-spine .workflow-answer em { margin-top: 7px; color: #dffb83; font: 550 10px/1.45 var(--mono); font-style: normal; }
.lens-context { margin-top: 30px; display: grid; grid-template-columns: .78fr 1.22fr; gap: 0; border: 1px solid #46584e; background: #0b110d; box-shadow: inset 3px 0 0 var(--acid); }
.assay-setup-copy { padding: 22px 24px; border-right: 1px solid #344139; }
.assay-setup-copy > span, .model-explanation > span { color: var(--acid); font: 8px var(--mono); letter-spacing: .09em; }
.assay-setup-copy h4 { margin: 12px 0 0; color: #eef5f0; font-size: 24px; font-weight: 560; letter-spacing: -.035em; }
.assay-setup-copy p { margin-top: 12px; }
.assay-setup-form { display: grid; align-content: center; gap: 10px; padding: 22px 24px; }
.assay-setup-form label { color: #c9d4cd; font: 9px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.assay-setup-form > div:first-of-type { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; }
.lens-context input { min-width: 0; border: 1px solid #46564d; padding: 12px; outline: none; background: #050806; color: #e8efeb; font: 12px var(--sans); }
.lens-context button { border: 1px solid var(--acid); padding: 0 15px; background: var(--acid); color: #071007; font: 750 8px var(--mono); text-transform: uppercase; cursor: pointer; }
.lens-context button.secondary { border-color: #52645a; background: #111a14; color: #c1cec6; }
.lens-context button:hover { filter: brightness(1.08); }
.hypothesis-feedback { min-height: 34px; display: flex; align-items: center; border-left: 2px solid #607268; padding: 0 11px; background: #080c09; color: #86968d; font: 8px/1.5 var(--mono); }
.hypothesis-feedback.applied { border-left-color: var(--acid); color: #dfff7d; }
.lens-context p { margin: 0; color: #9aa9a0; font-size: 12px; line-height: 1.55; }
.target-director { margin-top: 30px; display: grid; grid-template-columns: .78fr 1.22fr; border: 1px solid #536b5e; background: radial-gradient(circle at 2% 0, rgba(102,215,255,.08), transparent 34%), #090f0b; box-shadow: inset 3px 0 0 #66d7ff; }
.target-director-copy { padding: 25px 24px; border-right: 1px solid #344139; }
.target-director-copy > span { color: #66d7ff; font: 8px var(--mono); letter-spacing: .1em; }
.target-director-copy h4 { margin: 13px 0 0; color: #eef5f0; font-size: 26px; line-height: 1.08; font-weight: 560; letter-spacing: -.035em; }
.target-director-copy p { margin: 13px 0 0; color: #9aa9a0; font-size: 12px; line-height: 1.6; }
.target-director-controls { display: grid; grid-template-columns: 1fr; align-content: center; gap: 8px; padding: 22px 24px; }
.target-director-controls label { color: #99aaa0; font: 8px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.target-director-controls select, .target-director-controls input { width: 100%; min-width: 0; border: 1px solid #4b5e53; padding: 12px; outline: 0; background: #050806; color: #edf4ef; font: 11px var(--mono); }
.target-director-controls > div { display: grid; grid-template-columns: minmax(180px,1fr) auto; }
.target-director-controls button { border: 1px solid #66d7ff; padding: 0 15px; background: #66d7ff; color: #061014; font: 750 8px var(--mono); text-transform: uppercase; cursor: pointer; }
.target-director-controls p { margin: 2px 0 0; border-left: 2px solid #52665a; padding: 7px 10px; color: #7e9086; font: 8px/1.5 var(--mono); }
.target-director-controls p.success { border-left-color: var(--acid); color: #dfff7d; }
.mechanics-readout { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #344139; }
.mechanics-readout article { min-height: 124px; padding: 18px; border-right: 1px solid #344139; }
.mechanics-readout article:last-child { border-right: 0; }
.mechanics-readout span, .mechanics-readout strong, .mechanics-readout small { display: block; }
.mechanics-readout span { color: #70877b; font: 8px var(--mono); letter-spacing: .08em; }
.mechanics-readout strong { margin-top: 17px; color: #eaf2ed; font: 600 15px/1.25 var(--mono); }
.mechanics-readout small { margin-top: 9px; color: #74867c; font: 8px/1.5 var(--mono); }
.model-explanation { grid-column: 1/-1; display: grid; grid-template-columns: 220px 1fr; gap: 10px 20px; align-items: center; border-top: 1px solid #344139; padding: 15px 24px; }
.model-explanation p { color: #b1beb7; }
.model-explanation code { grid-column: 1/-1; display: block; overflow-x: auto; padding: 12px; background: #050806; color: #cdea76; font: 9px/1.55 var(--mono); white-space: nowrap; }
.calculation-details, .design-details { border: 1px solid #344139; background: #080d0a; }
.calculation-details { margin-top: 10px; }
.calculation-details summary, .design-details summary { min-height: 48px; display: flex; align-items: center; position: relative; padding: 0 48px 0 18px; color: #9eaca4; font: 8px var(--mono); letter-spacing: .07em; text-transform: uppercase; cursor: pointer; list-style: none; }
.calculation-details summary::-webkit-details-marker, .design-details summary::-webkit-details-marker { display: none; }
.calculation-details summary::after, .design-details summary::after { content: "+"; position: absolute; right: 18px; color: var(--acid); font-size: 16px; }
.calculation-details[open] summary::after, .design-details[open] summary::after { content: "−"; }
.calculation-details[open] summary, .design-details[open] summary { border-bottom: 1px solid #344139; color: #dce7e1; }
.calculation-details .model-explanation { border-top: 0; }
.adaptive-cycle { margin-top: 18px; border: 1px solid #52645a; background: #070b08; box-shadow: inset 3px 0 0 #66d7ff; }
.adaptive-cycle-head { min-height: 176px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(460px, .72fr); gap: 44px; align-items: center; padding: 28px 24px; border-bottom: 1px solid #344139; background: radial-gradient(circle at 4% 0, rgba(102,215,255,.08), transparent 32%); }
.adaptive-cycle-head > div:first-child > span { color: #66d7ff; font: 8px var(--mono); letter-spacing: .1em; }
.adaptive-cycle-head h4 { max-width: 850px; margin: 13px 0 0; color: #eef5f1; font-size: clamp(25px, 2.5vw, 38px); line-height: 1.05; letter-spacing: -.04em; font-weight: 560; }
.adaptive-cycle-head p { max-width: 820px; margin: 13px 0 0; color: #9eada4; font-size: 12px; line-height: 1.65; }
.demo-data-note { display: grid; grid-template-columns: 150px 300px 1fr; gap: 22px; align-items: center; padding: 16px 18px; border-bottom: 1px solid #536b5e; background: rgba(201,251,60,.085); }
.demo-data-note.hidden { display: none; }
.demo-data-note span { color: var(--acid); font: 8px var(--mono); letter-spacing: .1em; }
.demo-data-note strong { color: #eff6f1; font-size: 14px; font-weight: 600; }
.demo-data-note p { margin: 0; color: #a6b5ac; font-size: 10px; line-height: 1.55; }
.adaptive-cycle-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.adaptive-cycle-actions label, .adaptive-cycle-actions button { min-height: 43px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #52645a; padding: 0 13px; background: #0e1511; color: #c1cec6; font: 8px var(--mono); letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.adaptive-cycle-actions select { border: 0; outline: 0; background: transparent; color: var(--acid); font: 650 10px var(--mono); }
.adaptive-cycle-actions button:first-of-type { border-color: #66d7ff; background: #66d7ff; color: #061014; font-weight: 750; }
.adaptive-cycle-actions label:hover, .adaptive-cycle-actions button:hover { border-color: var(--acid); }
.adaptive-import { cursor: pointer; }
.adaptive-metrics { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #344139; }
.adaptive-metrics article { min-height: 142px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #344139; padding: 20px 22px; }
.adaptive-metrics article:last-child { border-right: 0; }
.adaptive-metrics span { color: #769085; font: 8px var(--mono); letter-spacing: .08em; }
.adaptive-metrics strong { margin-top: 16px; color: #f0f6f2; font: 600 28px var(--mono); }
.adaptive-metrics small { margin-top: 9px; color: #718078; font: 8px/1.5 var(--mono); }
.mechanism-intro { display: grid; grid-template-columns: 250px 1fr; gap: 24px; align-items: center; border-bottom: 1px solid #344139; padding: 14px 18px; background: #0b110d; }
.mechanism-intro span { color: #66d7ff; font: 8px var(--mono); letter-spacing: .08em; }
.mechanism-intro p { margin: 0; color: #87978e; font-size: 10px; line-height: 1.55; }
.mechanism-hypotheses { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #344139; }
.mechanism-hypotheses article { min-height: 132px; border-right: 1px solid #344139; padding: 18px; }
.mechanism-hypotheses article:last-child { border-right: 0; }
.mechanism-hypotheses span { color: #66d7ff; font: 8px var(--mono); }
.mechanism-hypotheses strong { display: block; margin-top: 14px; color: #dce8e1; font-size: 13px; }
.mechanism-hypotheses p { margin: 8px 0 0; color: #7e8d85; font-size: 10px; line-height: 1.55; }
.adaptive-table-wrap { overflow-x: auto; border-bottom: 1px solid #344139; }
.adaptive-table { width: 100%; min-width: 1280px; border-collapse: collapse; }
.adaptive-table th, .adaptive-table td { border-right: 1px solid #2b3931; border-bottom: 1px solid #253229; padding: 13px 12px; text-align: left; vertical-align: middle; }
.adaptive-table th:last-child, .adaptive-table td:last-child { border-right: 0; }
.adaptive-table th { background: #0d130f; color: #87988e; font: 8px/1.4 var(--mono); letter-spacing: .055em; text-transform: uppercase; }
.adaptive-table th small { color: #617269; font-size: 7px; }
.adaptive-table td { color: #aab8b0; font-size: 10px; line-height: 1.45; }
.adaptive-table td:first-child { width: 52px; color: var(--acid); font: 650 10px var(--mono); }
.adaptive-table td:nth-child(2) { width: 128px; color: #dbe6e0; font: 8px var(--mono); text-transform: uppercase; }
.adaptive-table td:nth-child(3) { width: 175px; }
.adaptive-table td:nth-child(4) { min-width: 270px; }
.adaptive-table td:nth-child(n+5):nth-child(-n+7) { width: 92px; }
.adaptive-table td:last-child { width: 180px; }
.measurement-intro { display: grid; grid-template-columns: 190px 310px 1fr; gap: 22px; align-items: center; padding: 18px; border-bottom: 1px solid #344139; background: #0b110d; }
.measurement-intro span { color: var(--acid); font: 8px var(--mono); letter-spacing: .09em; }
.measurement-intro strong { color: #e6eee9; font-size: 14px; font-weight: 590; }
.measurement-intro p { margin: 0; color: #87978e; font-size: 10px; line-height: 1.6; }
.adaptive-site-button { display: block; border: 0; padding: 0; background: transparent; color: #e6efe9; font: 600 10px var(--mono); text-align: left; cursor: pointer; }
.adaptive-site-button:hover { color: var(--acid); }
.adaptive-site-button small { display: block; margin-top: 4px; color: #739087; font: 8px var(--mono); }
.adaptive-result-input { width: 70px; min-height: 35px; border: 1px solid #46564d; padding: 6px; outline: 0; background: #040705; color: #e7efe9; font: 10px var(--mono); }
.adaptive-result-input:focus { border-color: var(--acid); }
.adaptive-result-input:disabled { opacity: .52; }
.round-interpretation { display: inline-flex; border-left: 2px solid #52645a; padding: 5px 7px; color: #819188; font: 8px/1.45 var(--mono); }
.round-interpretation.signal { border-color: var(--acid); color: #dfff7d; }
.round-interpretation.confound { border-color: #ff9c5a; color: #ffc49a; }
.round-interpretation.negative { border-color: #66d7ff; color: #a9eaff; }
.adaptive-result-bar { display: flex; justify-content: space-between; gap: 20px; padding: 16px 18px; border-bottom: 1px solid #344139; background: #0a0f0c; }
.adaptive-result-bar > div { display: flex; flex-wrap: wrap; gap: 8px; }
.adaptive-result-bar label { display: flex; align-items: center; gap: 7px; border: 1px solid #3e4d45; padding: 0 10px; color: #82928a; font: 8px var(--mono); }
.adaptive-result-bar input { width: 48px; min-height: 34px; border: 0; border-left: 1px solid #3e4d45; padding-left: 8px; outline: 0; background: transparent; color: #e3ece6; font: 10px var(--mono); }
.adaptive-result-bar button { min-height: 38px; border: 1px solid var(--acid); padding: 0 14px; background: var(--acid); color: #071007; font: 750 8px var(--mono); text-transform: uppercase; cursor: pointer; }
.design-details { border-width: 0 0 1px; }
.design-details-lead { max-width: 980px; margin: 0; padding: 18px; color: #93a39a; font-size: 11px; line-height: 1.65; }
.adaptive-result-bar button.secondary { border-color: #52645a; background: #111813; color: #bac8c0; }
.adaptive-status { min-height: 52px; display: flex; align-items: center; gap: 18px; padding: 0 20px; border-bottom: 1px solid #344139; }
.adaptive-status strong { color: #66d7ff; font: 600 9px var(--mono); text-transform: uppercase; }
.adaptive-status span { color: #809188; font: 8px/1.5 var(--mono); }
.adaptive-status.example strong { color: #ffb36b; }
.adaptive-next { display: grid; grid-template-columns: .8fr .72fr 1.48fr; min-height: 230px; border-bottom: 1px solid #344139; }
.adaptive-next > div { border-right: 1px solid #344139; padding: 24px; }
.adaptive-next > div:last-child { border-right: 0; }
.adaptive-next > div:first-child > span { color: var(--acid); font: 8px var(--mono); letter-spacing: .1em; }
.adaptive-next h5 { margin: 13px 0 0; color: #e9f1ec; font-size: 22px; font-weight: 560; }
.adaptive-next p { margin: 12px 0 0; color: #809188; font-size: 11px; line-height: 1.6; }
.adaptive-posterior { display: grid; align-content: center; gap: 8px; }
.adaptive-posterior > span { color: #74877d; font: 9px var(--mono); }
.posterior-row { display: grid; grid-template-columns: 116px 1fr 42px; gap: 8px; align-items: center; color: #a5b4ac; font: 8px var(--mono); }
.posterior-row i { height: 7px; display: block; background: #1c2922; }
.posterior-row i b { height: 100%; display: block; background: #66d7ff; }
.posterior-row strong { color: #dce8e1; text-align: right; }
.adaptive-next-rows { display: grid; align-content: center; gap: 8px; }
.next-experiment-row { display: grid; grid-template-columns: 105px 1fr 54px; gap: 10px; align-items: center; border-bottom: 1px solid #253229; padding: 8px 0; }
.next-experiment-row:last-child { border-bottom: 0; }
.next-experiment-row button { border: 0; padding: 0; background: transparent; color: #e7f0ea; font: 600 9px var(--mono); text-align: left; cursor: pointer; }
.next-experiment-row span { color: #84958c; font-size: 9px; line-height: 1.45; }
.next-experiment-row strong { color: var(--acid); font: 600 9px var(--mono); text-align: right; }
.prior-art-boundary { display: grid; grid-template-columns: 1.35fr repeat(6, 1fr); background: #e8ece7; color: #111713; }
.prior-art-boundary > div, .prior-art-boundary article { min-height: 180px; border-right: 1px solid #aab5ad; padding: 22px; }
.prior-art-boundary > *:last-child { border-right: 0; }
.prior-art-boundary span { color: #496100; font: 8px var(--mono); letter-spacing: .08em; }
.prior-art-boundary > div strong { display: block; margin-top: 24px; font-size: 18px; line-height: 1.35; }
.prior-art-boundary a { color: #294100; font: 650 12px var(--mono); text-decoration: none; }
.prior-art-boundary p { margin: 20px 0 0; color: #526057; font-size: 10px; line-height: 1.58; }
.residue-inspector-heading { margin-top: 62px; }
.residue-inspector-heading h4 { margin: 12px 0 0; color: #eef4f0; font-size: clamp(28px, 3vw, 44px); line-height: 1; letter-spacing: -.045em; font-weight: 550; }
.residue-inspector-heading > p:last-child { max-width: 700px; margin: 14px 0 0; color: #91a098; font-size: 12px; line-height: 1.6; }
.evidence-residue-picker { display: grid; grid-template-columns: repeat(10, minmax(108px, 1fr)); overflow-x: auto; margin-top: 18px; border-top: 1px solid #344139; border-left: 1px solid #344139; }
.evidence-residue-button { min-width: 0; min-height: 82px; display: grid; grid-template-columns: auto 1fr; align-content: center; gap: 7px 8px; border: 0; border-right: 1px solid #344139; border-bottom: 1px solid #344139; padding: 11px 9px; background: #0a100c; color: #788980; text-align: left; cursor: pointer; }
.evidence-residue-button > span { color: #68796f; font: 8px var(--mono); }
.evidence-residue-button strong { overflow: hidden; color: #dce6e0; font: 600 11px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.evidence-residue-button > b { grid-column: 2; color: #dfff7d; font: 600 11px var(--mono); }
.evidence-residue-button small { grid-column: 1/-1; overflow: hidden; color: #77877e; font: 8px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.evidence-residue-button:hover { background: #101a13; }
.evidence-residue-button.active { background: rgba(201,251,60,.09); box-shadow: inset 3px 0 0 var(--acid); }
.evidence-residue-button.active strong { color: #f0f6f2; }
.selected-action { margin-top: 18px; border: 1px solid #46584e; background: linear-gradient(135deg, rgba(201,251,60,.055), rgba(7,12,9,.96) 42%); box-shadow: inset 3px 0 0 var(--acid); }
.selected-action-head { min-height: 92px; display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 18px 22px; border-bottom: 1px solid #344139; }
.selected-action-head span { color: var(--acid); font: 8px var(--mono); letter-spacing: .1em; }
.selected-action-head h4 { display: flex; align-items: baseline; gap: 14px; margin: 9px 0 0; }
.selected-action-head h4 strong { color: #f0f5f2; font: 600 25px var(--mono); }
.selected-action-head h4 em { color: #9fb0a6; font: 9px var(--mono); font-style: normal; }
.selected-action-head > p { max-width: 380px; margin: 0; color: #819188; font: 8px/1.55 var(--mono); text-align: right; }
.selected-action-grid { display: grid; grid-template-columns: 1.15fr .75fr 1fr 1.1fr; }
.selected-action-grid > div { min-height: 138px; border-right: 1px solid #344139; padding: 19px 20px; }
.selected-action-grid > div:last-child { border-right: 0; }
.selected-action-grid span, .selected-action-rule span { color: #7e9086; font: 8px var(--mono); letter-spacing: .08em; }
.selected-action-grid p { margin: 18px 0 0; color: #c2cec7; font-size: 12px; line-height: 1.58; }
.selected-action-rule { display: grid; grid-template-columns: 230px 1fr; gap: 22px; align-items: center; border-top: 1px solid #344139; border-bottom: 1px solid #344139; padding: 18px 20px; }
.selected-action-rule p { margin: 0; color: #e6f2eb; font-size: 13px; line-height: 1.55; }
.selected-action-buttons { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px; }
.selected-action-buttons button { min-height: 38px; border: 1px solid #52645a; padding: 0 14px; background: #0b120e; color: #c2cec7; font: 8px var(--mono); letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }
.selected-action-buttons button:first-child { border-color: var(--acid); background: var(--acid); color: #071007; }
.selected-action-buttons button:hover { border-color: var(--acid); color: var(--acid); }
.selected-action-buttons button:first-child:hover { color: #071007; filter: brightness(1.08); }
.selected-action-status { min-height: 30px; display: flex; align-items: center; margin: 0; border-top: 1px solid #25332b; padding: 0 20px; color: #77887e; font: 8px var(--mono); }
.selected-action-status.success { color: #dfff7d; }
.copy-dialog { width: min(820px, calc(100vw - 32px)); max-height: calc(100svh - 32px); border: 1px solid #61746a; padding: 0; background: #080d0a; color: #e7efe9; box-shadow: 0 30px 100px rgba(0,0,0,.72), inset 3px 0 0 var(--acid); }
.copy-dialog::backdrop { background: rgba(1,4,2,.8); backdrop-filter: blur(8px); }
.copy-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-bottom: 1px solid #344139; padding: 20px 22px; }
.copy-dialog-head h2 { margin: 8px 0 0; font-size: 26px; font-weight: 550; }
.copy-dialog-head button { border: 1px solid #52645a; padding: 10px 13px; background: #0f1712; color: #c7d3cc; font: 8px var(--mono); text-transform: uppercase; cursor: pointer; }
.copy-dialog > p { margin: 0; padding: 14px 22px 0; color: #9aaba1; font: 9px/1.55 var(--mono); }
.copy-dialog textarea { width: calc(100% - 44px); min-height: 390px; display: block; margin: 14px 22px 22px; border: 1px solid #425249; padding: 16px; resize: vertical; outline: 0; background: #030604; color: #dfe9e3; font: 11px/1.65 var(--mono); }
.copy-dialog textarea:focus { border-color: var(--acid); }
.evidence-lab-grid { display: grid; grid-template-columns: .92fr 1.08fr; margin-top: 18px; border-top: 1px solid #344139; border-left: 1px solid #344139; }
.evidence-lab-grid > article { min-height: 560px; padding: 24px; border-right: 1px solid #344139; border-bottom: 1px solid #344139; background: #090e0b; }
.panel-head { display: flex; justify-content: space-between; gap: 20px; color: #75877d; font: 8px var(--mono); letter-spacing: .08em; }
.panel-head strong { color: #dce7e1; font-weight: 600; }
.residue-audit > p { margin: 26px 0 20px; color: #abb9b1; font-size: 13px; line-height: 1.6; }
.contribution-chart { display: grid; gap: 9px; }
.contribution-row { display: grid; grid-template-columns: 120px 1fr 48px; gap: 10px; align-items: center; color: #8fa097; font: 8px var(--mono); }
.contribution-row div { height: 8px; overflow: hidden; background: #1a251f; }
.contribution-row i { height: 100%; display: block; background: var(--bar, var(--acid)); }
.contribution-row b { color: #dbe6e0; text-align: right; font-weight: 500; }
.audit-detail { margin-top: 24px; padding-top: 17px; border-top: 1px solid #2d3a33; }
.audit-detail span { color: var(--acid); font: 8px var(--mono); letter-spacing: .1em; }
.audit-detail p { margin: 9px 0 0; color: #a9b7af; font-size: 11px; line-height: 1.6; }
.network-panel { display: flex; flex-direction: column; }
#networkMap { width: 100%; min-height: 390px; margin-top: 13px; background: radial-gradient(circle, #112219, #070a08 68%); }
.network-panel > p { margin: auto 0 0; color: #718178; font: 8px/1.55 var(--mono); }
.network-edge { stroke: #3b5548; stroke-width: .65; opacity: .48; }
.network-node { stroke: #0a0d0b; stroke-width: 1.5; cursor: pointer; }
.network-node:hover { stroke: #fff; stroke-width: 2; }
.network-label { fill: #dfe9e3; font: 7px var(--mono); pointer-events: none; }

.sequence-workbench { background: #eef1ec; color: #111713; }
.sequence-workbench .eyebrow { color: #4c6900; }
.sequence-workbench h3 { color: #111713; }
.sequence-actions { display: flex; gap: 8px; }
.sequence-actions button, .sequence-actions a, .chain-tabs button { border-color: #9ba9a0; background: transparent; color: #263129; }
.sequence-actions button:hover, .sequence-actions a:hover, .chain-tabs button.active { color: #304800; background: #c9fb3c; }
.sequence-note { margin-top: 26px; padding: 14px 16px; border-left: 3px solid #6c8d00; background: #dfe6da; color: #3d4c43; font-size: 11px; line-height: 1.55; }
.chain-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.sequence-strip { display: grid; grid-template-columns: repeat(auto-fill, minmax(32px, 1fr)); gap: 5px; margin-top: 14px; }
.sequence-residue { min-height: 43px; display: grid; place-items: center; position: relative; border: 1px solid #b9c3bd; background: #f7f9f6; color: #182019; cursor: pointer; font: 12px var(--mono); }
.sequence-residue small { position: absolute; left: 3px; bottom: 2px; color: #718077; font: 6px var(--mono); }
.sequence-residue.ranked { border-color: #6599a5; background: #dceff1; }
.sequence-residue.rank-one { border-color: #799d00; background: #dfff7c; box-shadow: inset 0 0 0 1px #799d00; }
.sequence-residue.cdr-heuristic::after { content: "CDR"; position: absolute; right: 2px; top: 2px; color: #7f3ba0; font: 5px var(--mono); }
.sequence-residue.selected { outline: 3px solid #ff4f91; outline-offset: 1px; }
.sequence-legend { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 15px; color: #4f5e55; font: 8px var(--mono); }
.sequence-legend i { width: 10px; height: 10px; display: inline-block; margin-right: 5px; border: 1px solid #8a978f; }
.sequence-legend .rank-one { background: #dfff7c; }.sequence-legend .ranked { background: #dceff1; }.sequence-legend .selected { background: #ff4f91; }.sequence-legend .cdr { background: #eadbf0; }

.validation-studio { background: #0a0e0b; }
.validation-head > p { max-width: 600px; margin: 0; color: #93a199; font-size: 12px; line-height: 1.6; }
.validation-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 34px; border-top: 1px solid #344139; border-left: 1px solid #344139; }
.validation-grid > article { min-height: 300px; padding: 26px; border-right: 1px solid #344139; border-bottom: 1px solid #344139; }
.validation-grid article > span { color: var(--acid); font: 8px var(--mono); letter-spacing: .1em; }
.validation-grid h4 { margin: 20px 0; font-size: 20px; font-weight: 560; }
.validation-grid p, #stateComparison { color: #8fa097; font-size: 11px; line-height: 1.6; }
.benchmark-row, .sensitivity-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 11px 0; border-top: 1px solid #2d3933; color: #aab8b0; font: 9px/1.45 var(--mono); }
.benchmark-row b, .sensitivity-row b { color: #dffb83; font-weight: 550; }
.benchmark-row span strong, .benchmark-row span small, .benchmark-row b small { display: block; }
.benchmark-row span strong { color: #dce8e0; font-weight: 600; }
.benchmark-row small { margin-top: 4px; color: #75877d; font: 7px/1.5 var(--mono); }
.benchmark-row b { max-width: 360px; text-align: right; }
.benchmark-row b small { color: #93a39a; font-weight: 400; }
.validation-import { grid-column: 1/-1; min-height: auto !important; }
.validation-import-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.validation-import-actions label, .validation-import-actions button { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid #46584e; background: #101a14; color: #dffb83; font: 8px var(--mono); letter-spacing: .07em; cursor: pointer; }
.validation-import-actions button { appearance: none; }
#validationImportResult { border-top: 1px solid #2d3933; padding-top: 16px; color: #aebdb4; font: 9px/1.65 var(--mono); }
#validationImportResult .validation-summary { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin: 12px 0; }
#validationImportResult .validation-summary span { padding: 12px; border: 1px solid #2e4037; color: #8fa097; }
#validationImportResult .validation-summary b { display: block; margin-top: 8px; color: #dffb83; font-size: 18px; }
#validationImportResult .validation-score-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 8px 0; border-top: 1px solid #27332d; }
#validationImportResult .validation-score-row b { color: #dffb83; }
#stateFileButton { margin-bottom: 16px; }

.deterministic-note { display: grid; grid-template-columns: auto 1fr; gap: 22px; align-items: center; padding: 20px 24px; border-top: 1px solid #2e4037; background: #08110c; }
.deterministic-note span { color: var(--acid); font: 8px var(--mono); letter-spacing: .12em; }
.deterministic-note p { margin: 0; color: #82968b; font-size: 10px; line-height: 1.55; }
.expert-ranking { padding: 55px 0; border-bottom: 1px solid var(--ink); }
.ranking-filter { max-width: 520px; display: grid; gap: 8px; margin-top: 26px; color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.ranking-filter input { border: 1px solid var(--line); padding: 12px; outline: none; background: #fff; color: #111; font: 11px var(--mono); }
.expert-table-wrap { max-height: 520px; overflow: auto; margin-top: 16px; border: 1px solid var(--line); }
.expert-table-wrap table { margin: 0; min-width: 1080px; }
.expert-table-wrap thead { position: sticky; top: 0; z-index: 2; background: #eef1ec; }
.expert-table-wrap th, .expert-table-wrap td { padding: 12px 10px; }
.expert-row { cursor: pointer; }
.expert-row:hover { background: #dfff7c; }
.limitations { padding: 55px 0 70px; }
.limitations-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 28px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.limitations-grid article { min-height: 170px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.limitations-grid strong { font-size: 14px; }
.limitations-grid p { margin: 13px 0 0; color: #59665e; font-size: 10px; line-height: 1.6; }

/* Raise scientific text above the earlier display-size microtype. */
.best-residue-row > span, .best-residue-row small, .best-residue-row strong em, .intel-cards span, .intel-cards small, .best-boundary, .viewer-boundary, .surface-status span, .surface-status strong, .structure-callout span, .structure-callout small { font-size: 8px; }
.best-residue-row strong { font-size: 11px; }

@media (max-width: 1050px) {
  .scientific-contract, .evidence-lab-grid { grid-template-columns: 1fr; }
  .evidence-lab-head, .sequence-head, .validation-head { align-items: flex-start; flex-direction: column; }
  .lens-picker { justify-content: flex-start; }
  .lens-context { grid-template-columns: 1fr; }
  .experiment-spine { grid-template-columns: repeat(3, 1fr); }
  .experiment-spine a:nth-child(3n) { border-right: 0; }
  .experiment-spine a:nth-child(-n+3) { border-bottom: 1px solid #344139; }
  .measurement-intro { grid-template-columns: 160px 250px 1fr; }
  .demo-data-note { grid-template-columns: 130px 240px 1fr; }
  .validation-grid { grid-template-columns: 1fr; }
  .limitations-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .target-director-controls > div { grid-template-columns: 1fr; gap: 7px; }
  .target-director-controls button { min-height: 44px; }
  .mechanics-readout { grid-template-columns: 1fr; }
  .mechanics-readout article, .mechanics-readout article:nth-child(2) { min-height: 0; border-right: 0; border-bottom: 1px solid #344139; }
  .scientific-contract, .evidence-lab, .sequence-workbench, .validation-studio { padding: 46px 20px; }
  .contract-grid, .validation-grid { grid-template-columns: 1fr; }
  .molecule-toolbar { align-items: flex-start; flex-direction: column; padding: 12px; }
  .viewer-controls { justify-content: flex-start; }
  #moleculeStage { inset: 128px 0 24px; }
  .surface-status { top: 134px; }
  .color-legend { top: 182px; }
  .molecule-stage-wrap { min-height: 680px; }
  .lens-context label span { display: block; margin: 5px 0 0; }
  .lens-context > div { grid-template-columns: 1fr; }
  .lens-context button { min-height: 42px; }
  .contribution-row { grid-template-columns: 92px 1fr 42px; }
  .limitations-grid { grid-template-columns: 1fr; }
  .sequence-actions { flex-wrap: wrap; }
}

/* Structure Brief 2.0 — structure-first instrument */
:root { color-scheme: dark; --paper: #070a08; --ink: #edf3ef; --muted: #829088; --line: #2c3731; --green: #c9fb3c; --acid: #c9fb3c; }
html { background: #070a08; }
body { background: #070a08; color: var(--ink); }
body:not(.analysis-mode) { overflow: auto; }
.app-header { height: 62px; position: relative; z-index: 20; border-bottom: 1px solid #303a34; background: #090c0a; }
.app-title { color: #cbd4ce; }
.privacy { color: #7f8c85; }
.privacy b { background: var(--acid); box-shadow: 0 0 12px rgba(201,251,60,.45); }
main { max-width: none; padding: 0; }

.launch-screen { height: calc(100svh - 62px); min-height: 620px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(420px, .55fr); background: #070a08; }
.launch-visual { position: relative; min-width: 0; overflow: hidden; border-right: 1px solid #344139; background: radial-gradient(circle at 50% 44%, #10241b 0, #09110d 46%, #050706 100%); }
.launch-visual::after, .molecule-stage-wrap::after { content: ""; position: absolute; z-index: 2; inset: 49px 0 29px; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(143,186,163,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(143,186,163,.09) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle at center, #000 0, transparent 72%); }
#previewMolecule { position: absolute; inset: 48px 0 28px; }
.preview-toolbar, .preview-footer { position: absolute; z-index: 4; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; color: #7d9187; font: 8px var(--mono); letter-spacing: .1em; }
.preview-toolbar { top: 0; height: 49px; padding: 0 20px; border-bottom: 1px solid rgba(122,153,136,.26); background: rgba(6,9,7,.76); backdrop-filter: blur(12px); }
.preview-toolbar strong { color: #c2d0c8; font-weight: 600; }
.preview-footer { bottom: 0; height: 29px; padding: 0 20px; border-top: 1px solid rgba(122,153,136,.26); background: rgba(6,9,7,.82); }
.preview-reticle, .analysis-reticle { position: absolute; z-index: 3; left: 50%; top: 50%; width: 94px; height: 94px; transform: translate(-50%,-50%); border: 1px solid rgba(201,251,60,.3); border-radius: 50%; pointer-events: none; }
.preview-reticle::before, .analysis-reticle::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(201,251,60,.16); border-radius: 50%; }
.preview-reticle i, .analysis-reticle i { position: absolute; background: rgba(201,251,60,.48); }
.preview-reticle i:first-child, .analysis-reticle i:first-child { left: -18px; right: -18px; top: 50%; height: 1px; }
.preview-reticle i:last-child, .analysis-reticle i:last-child { top: -18px; bottom: -18px; left: 50%; width: 1px; }
.preview-callout { position: absolute; z-index: 4; left: 24px; bottom: 58px; min-width: 290px; padding: 14px 16px; border-left: 2px solid var(--acid); background: rgba(6,10,7,.74); backdrop-filter: blur(12px); }
.preview-callout span, .preview-callout strong, .preview-callout small { display: block; }
.preview-callout span { color: var(--acid); font: 8px var(--mono); letter-spacing: .1em; }
.preview-callout strong { margin-top: 7px; font-size: 16px; font-weight: 560; }
.preview-callout small { margin-top: 7px; color: #6f8077; font: 7px var(--mono); }

.launch-console { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 34px clamp(28px, 3.2vw, 54px); background: radial-gradient(circle at 20% 0, rgba(201,251,60,.055), transparent 26%), #0a0e0b; }
.launch-console .eyebrow { color: var(--acid); }
.launch-console h1 { margin: 16px 0 0; font-size: clamp(48px, 4.8vw, 78px); line-height: .9; color: #f1f5f2; }
.launch-summary { max-width: 560px; margin: 20px 0 22px; color: #99a69f; font-size: 13px; line-height: 1.6; }
.launch-console .demo-button { position: relative; width: 100%; min-height: 122px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid rgba(201,251,60,.78); padding: 17px 18px 17px 23px; background: linear-gradient(120deg, rgba(201,251,60,.12), rgba(201,251,60,.025) 58%), #080d09; color: #f3f7f4; box-shadow: inset 3px 0 0 var(--acid), 0 18px 50px rgba(0,0,0,.28); }
.launch-console .demo-button::after { content: "ENTER"; position: absolute; right: 16px; top: 14px; color: rgba(201,251,60,.42); font: 7px var(--mono); letter-spacing: .18em; }
.launch-console .demo-button span { grid-column: 1/-1; color: #91a58f; }
.launch-console .demo-button strong { align-self: center; font-size: 25px; }
.launch-console .demo-button small { grid-column: 1/-1; display: flex; justify-content: space-between; color: #8fa08f; }
.launch-console .demo-button small b { font-size: 16px; }
.launch-console .demo-button:hover { background: var(--acid); color: #071007; box-shadow: 0 0 34px rgba(201,251,60,.16); }
.launch-console .demo-button:hover span, .launch-console .demo-button:hover small { color: #405500; }
.launch-console .input-main { margin-top: 18px; }
.launch-console .source-tabs { margin-top: 0; border-color: #334039; }
.launch-console .source-tab { color: #79877f; }
.launch-console .source-tab.active { border-color: var(--acid); color: #e6ede9; }
.launch-console .source-panel { padding-top: 13px; }
.launch-console .id-form label { color: #748179; }
.launch-console .id-form input { min-height: 50px; border-color: #3b4941; background: #060907; color: #f0f5f1; }
.launch-console .id-form button { background: #203129; color: #e6eee9; }
.launch-console .id-form button:hover { background: #2b4438; }
.launch-console .id-form small { color: #657269; }
.launch-console .dropzone { min-height: 94px; border-color: #4b5c52; padding: 16px; background: #0b120e; color: #dfe7e2; }
.launch-console .drop-icon { color: var(--acid); }
.launch-console .dropzone small { color: #68766d; }
.launch-console .status { margin-top: 12px; border-color: var(--acid); background: #101912; color: #c7d3cb; }
.launch-console .boundary { margin-top: 14px; padding-top: 12px; border-color: #2d3832; color: #647168; font-size: 7px; }

body.analysis-mode .app-header, body.analysis-mode .launch-screen, body.analysis-mode > footer { display: none; }
body.analysis-mode main { width: 100%; }
.results { padding: 0; background: #070a08; }
.result-head { min-height: 82px; align-items: center; padding: 12px 24px; border-bottom: 1px solid #354039; background: #0a0e0b; }
.result-head h2 { margin: 7px 0 0; color: #eef3ef; font: 560 22px/1 var(--sans); letter-spacing: -.035em; }
.result-quick-form { width: min(330px, 26vw); margin: 0 24px; }
.result-quick-form label { display: block; margin-bottom: 6px; color: #91a198; font: 8px var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.result-quick-form > div { display: grid; grid-template-columns: 1fr auto; }
.result-quick-form input { min-width: 0; height: 35px; border: 1px solid #46544c; border-right: 0; padding: 0 11px; outline: none; background: #070b08; color: #e9f0eb; font: 12px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.result-quick-form input:focus { border-color: var(--acid); box-shadow: inset 2px 0 0 var(--acid); }
.result-quick-form button { height: 35px; border: 1px solid rgba(201,251,60,.58); padding: 0 11px; background: rgba(201,251,60,.08); color: var(--acid); font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.result-quick-form button span { margin-left: 7px; }
.result-quick-form button:hover { background: var(--acid); color: #071007; }
.result-actions { display: flex; align-items: center; gap: 22px; }
.receipt-id span { color: #718078; }
.receipt-id strong { color: #cbd5cf; }
.result-actions > button { border: 1px solid #4b5b52; padding: 10px 12px; background: #111812; color: #c9d3cd; font: 8px var(--mono); text-transform: uppercase; cursor: pointer; }
.result-actions > button:hover { border-color: var(--acid); color: var(--acid); }
.result-scroll-banner { width: min(520px, calc(100vw - 28px)); min-height: 58px; display: grid; grid-template-columns: 72px 1fr 30px; align-items: center; gap: 14px; margin: 14px auto; padding: 10px 16px; border: 1px solid rgba(201,251,60,.46); color: #d6e0da; background: linear-gradient(115deg, rgba(201,251,60,.1), rgba(6,9,7,.96) 52%); box-shadow: 0 12px 42px rgba(0,0,0,.35), inset 3px 0 0 #c9fb3c; font: 9px/1.5 var(--mono); letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.result-scroll-banner b { align-self: stretch; display: flex; align-items: center; border-right: 1px solid rgba(201,251,60,.3); color: #c9fb3c; font: 9px var(--mono); letter-spacing: .16em; }
.result-scroll-banner span { max-width: 360px; }
.result-scroll-banner i { width: 11px; height: 11px; display: block; border-right: 1px solid #c9fb3c; border-bottom: 1px solid #c9fb3c; transform: rotate(45deg); }
.result-scroll-banner:hover { border-color: var(--acid); color: #efffc1; }
.section-rail { position: fixed; z-index: 24; top: 18px; right: 14px; width: 84px; border: 1px solid rgba(113,136,123,.42); outline: 0; background: rgba(6,10,7,.86); box-shadow: 0 18px 54px rgba(0,0,0,.34); backdrop-filter: blur(16px); opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .25s ease, transform .25s ease, border-color .25s ease, top .25s ease, right .25s ease; }
body.analysis-mode .section-rail { opacity: 1; pointer-events: auto; transform: translateY(0); }
body[data-active-section="0"] .section-rail { top: 168px; right: calc(24vw + 18px); }
.section-rail-readout { display: grid; grid-template-columns: auto 1fr; align-items: baseline; padding: 10px 12px 9px; }
.section-rail-readout strong { color: var(--acid); font: 560 22px/1 var(--mono); }
.section-rail-readout > span { margin-left: 4px; color: #718078; font: 10px var(--mono); }
.section-rail-readout small { grid-column: 1/-1; margin-top: 5px; color: #dbe4de; font: 7px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.section-rail ol { position: absolute; top: calc(100% + 6px); right: -1px; width: 132px; display: none; margin: 0; padding: 7px 0; border: 1px solid rgba(113,136,123,.42); background: rgba(6,10,7,.94); box-shadow: 0 18px 54px rgba(0,0,0,.34); backdrop-filter: blur(16px); list-style: none; }
.section-rail:hover, .section-rail:focus, .section-rail:focus-within { border-color: rgba(201,251,60,.58); }
.section-rail:hover ol, .section-rail:focus ol, .section-rail:focus-within ol { display: block; }
.section-rail a { display: grid; grid-template-columns: 12px 1fr; align-items: center; gap: 8px; min-height: 30px; padding: 0 12px; color: #74837a; font: 8px var(--mono); letter-spacing: .05em; text-decoration: none; text-transform: uppercase; transition: color .2s ease, background .2s ease; }
.section-rail a i { width: 5px; height: 5px; border: 1px solid currentColor; border-radius: 50%; }
.section-rail a:hover { color: #dbe4de; background: rgba(255,255,255,.025); }
.section-rail a.active { color: var(--acid); background: rgba(201,251,60,.045); }
.section-rail a.active i { border-color: var(--acid); background: var(--acid); box-shadow: 0 0 10px rgba(201,251,60,.55); }
[data-demo-section] { scroll-margin-top: 18px; }
.molecule-workbench { height: clamp(560px, calc(100svh - 82px), 720px); min-height: 0; grid-template-columns: minmax(0, 1.52fr) minmax(320px, .48fr); border-bottom-color: #344139; }
.molecule-stage-wrap { background: radial-gradient(circle at 50% 44%, #10241b 0, #09110d 48%, #050706 100%); }
#moleculeStage { background: transparent; }
.best-residues { min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #4c5d53 #0b100d; }
.surface-status { position: absolute; z-index: 6; top: 67px; left: 22px; display: flex; align-items: center; gap: 10px; min-width: 235px; padding: 10px 13px; border: 1px solid rgba(102,215,255,.35); background: rgba(4,9,7,.78); backdrop-filter: blur(12px); color: #a8b8af; transition: opacity .35s ease, border-color .35s ease; pointer-events: none; }
.surface-status i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #66d7ff; box-shadow: 0 0 13px rgba(102,215,255,.85); animation: surfacePulse 1.2s ease-in-out infinite; }
.surface-status span, .surface-status strong { display: block; }
.surface-status span { color: #75867c; font: 7px var(--mono); letter-spacing: .12em; }
.surface-status strong { margin-top: 4px; color: #caeef9; font: 8px var(--mono); letter-spacing: .08em; }
.surface-status.ready { border-color: rgba(201,251,60,.42); }
.surface-status.ready i { background: #c9fb3c; box-shadow: 0 0 13px rgba(201,251,60,.7); animation: none; }
.surface-status.ready strong { color: #dfff7d; }
@keyframes surfacePulse { 50% { opacity: .25; transform: scale(.72); } }
.analysis-reticle { width: 108px; height: 108px; opacity: .48; }
.structure-callout { position: absolute; z-index: 4; left: 24px; bottom: 58px; min-width: 260px; padding: 12px 14px; border-left: 2px solid var(--acid); background: rgba(5,9,6,.76); backdrop-filter: blur(10px); }
.structure-callout span, .structure-callout strong, .structure-callout small { display: block; }
.structure-callout span { color: var(--acid); font: 7px var(--mono); letter-spacing: .1em; }
.structure-callout strong { margin-top: 6px; font-size: 20px; font-weight: 560; }
.structure-callout small { margin-top: 6px; color: #819188; font: 7px var(--mono); }
.viewer-readout { position: absolute; z-index: 4; right: 20px; bottom: 52px; display: flex; gap: 8px; }
.viewer-readout span { min-width: 135px; border: 1px solid rgba(112,137,123,.42); padding: 9px 11px; background: rgba(6,10,7,.74); color: #708077; font: 7px var(--mono); text-transform: uppercase; }
.viewer-readout b { display: block; margin-bottom: 4px; color: #dfe8e2; font-size: 15px; font-weight: 560; }
.analysis-status { min-height: 34px; display: flex; align-items: center; padding: 0 24px; border-bottom: 1px solid #2d3731; background: #0c120e; color: #8da097; font: 8px var(--mono); text-transform: uppercase; }
.result-scroll-cue { position: fixed; z-index: 18; left: 50%; bottom: 20px; width: min(390px, calc(100vw - 28px)); min-height: 78px; display: grid; grid-template-columns: 72px 1fr 30px; align-items: center; gap: 14px; padding: 11px 16px; border: 1px solid rgba(201,251,60,.72); color: #d6e0da; background: linear-gradient(115deg, rgba(201,251,60,.16), rgba(6,9,7,.96) 52%); box-shadow: 0 18px 60px rgba(0,0,0,.54), 0 0 26px rgba(201,251,60,.08), inset 3px 0 0 #c9fb3c; backdrop-filter: blur(16px); transform: translateX(-50%); font: 8px/1.5 var(--mono); letter-spacing: .09em; text-decoration: none; text-transform: uppercase; transition: opacity .25s ease, transform .25s ease; }
.result-scroll-cue b { align-self: stretch; display: flex; align-items: center; border-right: 1px solid rgba(201,251,60,.3); color: #c9fb3c; font: 9px var(--mono); letter-spacing: .16em; }
.result-scroll-cue span { max-width: 225px; }
.result-scroll-cue i { width: 13px; height: 13px; display: block; border-right: 1px solid #c9fb3c; border-bottom: 1px solid #c9fb3c; transform: rotate(45deg); animation: scrollCueBounce 1.35s ease-in-out infinite; }
.result-scroll-cue:hover { border-color: var(--acid); color: #efffc1; }
.result-scroll-cue.dismissed { opacity: 0; transform: translateX(-50%) translateY(12px); pointer-events: none; }
@keyframes scrollCueBounce { 0%, 100% { transform: translateY(-3px) rotate(45deg); opacity: .22; } 50% { transform: translateY(7px) rotate(45deg); opacity: .88; } }
.demo-skip-status { position: fixed; z-index: 18; left: 50%; bottom: 102px; width: min(248px, calc(100vw - 32px)); display: none; grid-template-columns: 1fr; gap: 5px; border: 1px solid rgba(102,215,255,.3); padding: 12px 14px 11px; background: rgba(5,10,7,.82); color: #d9e5df; text-align: left; backdrop-filter: blur(14px); box-shadow: 0 16px 44px rgba(0,0,0,.38), inset 2px 0 0 rgba(102,215,255,.72); transform: translateX(-50%); cursor: pointer; }
body.demo-mode.analysis-mode .demo-skip-status.active { display: grid; animation: demoSkipIn .32s ease both; }
.demo-skip-status span { color: #66d7ff; font: 7px var(--mono); letter-spacing: .15em; text-transform: uppercase; }
.demo-skip-status strong { font: 500 10px var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.demo-skip-status > i { position: relative; height: 1px; overflow: hidden; margin-top: 5px; background: #25372f; }
.demo-skip-status > i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 100%; background: #66d7ff; box-shadow: 0 0 10px rgba(102,215,255,.58); transform-origin: left; animation: demoSkipLoad 6.5s linear both; }
.demo-skip-status:hover { border-color: #66d7ff; color: #fff; }
@keyframes demoSkipIn { from { opacity: 0; transform: translateX(-50%) translateY(8px); } }
@keyframes demoSkipLoad { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.metric-strip { border-color: #344139; background: #0a0f0b; }
.metric-strip div { border-color: #2d3832; }
.metric-strip span { color: #728077; }
.metric-strip strong { color: #e2e9e4; }

.ai-guidance { margin: 0; border: 0; border-bottom: 1px solid #31453b; }
.deterministic-seal { align-self: end; border-left: 2px solid #66d7ff; padding: 4px 0 3px 19px; }
.deterministic-seal strong, .deterministic-seal span, .deterministic-seal small { display: block; }
.deterministic-seal strong { color: #66d7ff; font: 8px var(--mono); letter-spacing: .13em; }
.deterministic-seal span { margin-top: 8px; color: #edf3ef; font: 560 15px var(--mono); }
.deterministic-seal small { max-width: 390px; margin-top: 8px; color: #7f9188; font: 8px/1.5 var(--mono); }
.guidance-summary article { position: relative; overflow: hidden; }
.guidance-summary article::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--card-accent, #c9fb3c); }
.guidance-summary .summary-identity { --card-accent: #66d7ff; background: linear-gradient(150deg, rgba(102,215,255,.08), transparent 58%); }
.guidance-summary .summary-use { --card-accent: #b98cff; background: linear-gradient(150deg, rgba(185,140,255,.08), transparent 58%); }
.guidance-summary .summary-action { --card-accent: #ffad61; background: linear-gradient(150deg, rgba(255,173,97,.075), transparent 58%); }
.guidance-summary .summary-gate { --card-accent: #c9fb3c; background: linear-gradient(150deg, rgba(201,251,60,.07), transparent 58%); }
.guidance-summary .summary-identity strong { color: #9de6ff; }
.guidance-summary .summary-use strong { color: #cbb0ff; }
.guidance-summary .summary-action strong { color: #ffc08a; }
.guidance-summary .summary-gate strong { color: #dfff7d; }
.guidance-grid article:nth-child(1) span { color: #66d7ff; }
.guidance-grid article:nth-child(2) span { color: #ffad61; }
.guidance-grid article:nth-child(3) span { color: #b98cff; }
.guidance-grid article:nth-child(4) span { color: #c9fb3c; }
.discovery-radar { border-top: 1px solid #31483c; background: radial-gradient(circle at 73% 16%, rgba(102,215,255,.07), transparent 26%), radial-gradient(circle at 18% 78%, rgba(185,140,255,.06), transparent 26%), #070c09; }
.discovery-head { display: grid; grid-template-columns: 1fr minmax(300px, .8fr); gap: 8vw; align-items: end; padding: 40px 34px 32px; }
.discovery-head .eyebrow { color: #66d7ff; }
.discovery-head h4 { max-width: 800px; margin: 16px 0 0; color: #edf3ef; font-size: clamp(28px, 3.2vw, 48px); line-height: 1; font-weight: 520; letter-spacing: -.04em; }
.discovery-head > p { margin: 0; color: #91a299; font-size: 13px; line-height: 1.7; }
.discovery-modes { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #2b3d33; border-bottom: 1px solid #2b3d33; }
.discovery-modes button { min-height: 74px; display: flex; align-items: center; gap: 14px; border: 0; border-right: 1px solid #2b3d33; padding: 0 22px; background: rgba(8,15,11,.72); color: #7f9087; font: 8px var(--mono); letter-spacing: .12em; cursor: pointer; }
.discovery-modes button:last-child { border-right: 0; }
.discovery-modes button span { color: #4f6258; }
.discovery-modes button:hover { color: #d9e4dd; background: #0d1811; }
.discovery-modes button.active { background: linear-gradient(110deg, rgba(102,215,255,.12), rgba(8,15,11,.74)); color: #bdefff; box-shadow: inset 0 -2px 0 #66d7ff; }
.discovery-modes button.active span { color: #66d7ff; }
.discovery-console { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); min-height: 340px; }
.discovery-thesis { display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid #2b3d33; padding: 38px 34px 30px; }
.discovery-thesis > span { color: #66d7ff; font: 8px var(--mono); letter-spacing: .13em; }
.discovery-thesis h5 { margin: 22px 0 20px; color: #eef4f0; font-size: clamp(30px, 3vw, 48px); line-height: 1.02; font-weight: 540; letter-spacing: -.05em; }
.discovery-thesis > p { margin: 0 0 auto; color: #9caca3; font-size: 14px; line-height: 1.7; }
.discovery-grounding { display: flex; align-items: flex-start; gap: 10px; margin-top: 32px; padding-top: 17px; border-top: 1px solid #29372f; color: #708078; font: 8px/1.55 var(--mono); text-transform: uppercase; }
.discovery-grounding i { width: 7px; height: 7px; margin-top: 2px; flex: 0 0 auto; border-radius: 50%; background: #62e3bb; box-shadow: 0 0 10px rgba(98,227,187,.45); }
.discovery-panels { display: grid; grid-template-columns: repeat(3, 1fr); }
.discovery-panels article { min-height: 340px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid #2b3d33; padding: 30px 26px; }
.discovery-panels article:last-child { border-right: 0; }
.discovery-panels article:nth-child(1) { background: linear-gradient(155deg, rgba(255,173,97,.07), transparent 52%); }
.discovery-panels article:nth-child(2) { background: linear-gradient(155deg, rgba(185,140,255,.07), transparent 52%); }
.discovery-panels article:nth-child(3) { background: linear-gradient(155deg, rgba(201,251,60,.06), transparent 52%); }
.discovery-panels span { color: #788a80; font: 8px var(--mono); letter-spacing: .12em; }
.discovery-panels p { margin: 0; color: #c4d0c9; font-size: 15px; line-height: 1.68; }
.local-synthesis { display: grid; grid-template-columns: 1fr auto; gap: 26px; align-items: center; padding: 30px 38px; border-top: 1px solid #2b3d33; background: rgba(12,20,15,.72); }
.local-synthesis span { color: #b98cff; font: 10px var(--mono); letter-spacing: .12em; }
.local-synthesis div p { margin: 9px 0 0; color: #75867c; font: 10px/1.6 var(--mono); }
.local-synthesis button { border: 1px solid rgba(185,140,255,.52); padding: 15px 20px; background: rgba(185,140,255,.06); color: #d5beff; font: 9px var(--mono); text-transform: uppercase; cursor: pointer; }
.local-synthesis button:hover { background: #b98cff; color: #080b09; }
.local-synthesis > p { grid-column: 1/-1; display: none; margin: 0; border-top: 1px solid #34413a; padding-top: 20px; color: #bbc8c0; font-size: 13px; line-height: 1.7; white-space: pre-wrap; }
.local-synthesis > p.visible { display: block; }
.experiment-blueprint { border-top: 1px solid #2e4037; }
.blueprint-head { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 8vw; padding: 40px 34px 30px; background: #0a130e; }
.blueprint-head > span { grid-column: 1/-1; color: var(--acid); font: 8px var(--mono); letter-spacing: .11em; }
.blueprint-head h4 { margin: 0; font-size: clamp(28px, 3vw, 44px); line-height: 1; font-weight: 520; letter-spacing: -.04em; }
.blueprint-head p { align-self: end; margin: 0; color: #8d9b93; font-size: 13px; line-height: 1.65; }
.blueprint-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #2e4037; }
.blueprint-grid > article { min-height: 360px; padding: 30px 32px; border-right: 1px solid #2e4037; border-bottom: 1px solid #2e4037; }
.blueprint-grid > article:nth-child(even) { border-right: 0; }
.blueprint-grid > article > span { color: var(--acid); font: 8px var(--mono); letter-spacing: .1em; }
.blueprint-grid h5 { margin: 18px 0 28px; font-size: 27px; line-height: 1; font-weight: 540; letter-spacing: -.04em; }
.blueprint-grid ol, .blueprint-grid ul { margin: 0; padding: 0; list-style: none; }
.mutation-ladder li { display: grid; grid-template-columns: 130px 1fr; gap: 5px 18px; padding: 16px 0; border-top: 1px solid #2b3931; }
.mutation-ladder li b { color: #7f9087; font: 8px var(--mono); text-transform: uppercase; }
.mutation-ladder li strong { color: #dfff7d; font: 560 17px var(--mono); }
.mutation-ladder li small { grid-column: 2; color: #78887f; font: 8px/1.5 var(--mono); }
.assay-gates li { display: grid; grid-template-columns: 70px 1fr; gap: 18px; padding: 14px 0; border-top: 1px solid #2b3931; }
.assay-gates li b { color: #dfff7d; font: 9px var(--mono); }
.assay-gates li p { margin: 0; color: #b8c5bd; font-size: 12px; line-height: 1.55; }
.diagnostic-matrix > div { display: grid; grid-template-columns: 190px 1fr; gap: 24px; padding: 16px 0; border-top: 1px solid #2b3931; }
.diagnostic-matrix b { color: #d8e1db; font-size: 11px; }
.diagnostic-matrix p { margin: 0; color: #84958b; font-size: 11px; line-height: 1.55; }
.alternative-models li { position: relative; padding: 15px 0 15px 24px; border-top: 1px solid #2b3931; color: #aab8b0; font-size: 12px; line-height: 1.55; }
.alternative-models li::before { content: "↳"; position: absolute; left: 0; color: var(--acid); }
.next-site { margin-top: 24px; border: 1px solid #46564d; padding: 16px; background: #0e1912; }
.next-site span, .next-site strong { display: block; }
.next-site span { color: #77887e; font: 7px var(--mono); letter-spacing: .08em; }
.next-site strong { margin-top: 8px; color: #dfff7d; font: 560 20px var(--mono); }

.technical-details, .receipt, footer { background: #0a0e0b; color: #dce5df; }
.technical-details { padding: 0 30px; border-color: #344139; }
.analysis-grid, .analysis-grid .analysis-section:first-child, .analysis-grid .analysis-section:last-child, .topology, .methods { border-color: #344139; }
th, .inventory, .flag span, .scope-note, .technical-details > summary small, .receipt-intro > p:not(.eyebrow) { color: #7f8f86; }
td, .flag-list, .flag { border-color: #2e3933; }
.methods > p { color: #aab8b0; }
.receipt { padding-left: 30px; padding-right: 30px; }
footer { border-color: #344139; }

/* Below-fold decision instrument */
.ai-guidance { position: relative; isolation: isolate; overflow: hidden; background: #050806; }
.ai-guidance::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .2; pointer-events: none; background-image: linear-gradient(rgba(126,168,146,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(126,168,146,.075) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent); }
.guidance-heading { position: relative; min-height: 330px; overflow: hidden; padding: 66px 54px 52px; background: radial-gradient(circle at 78% 48%, rgba(102,215,255,.11), transparent 23%), radial-gradient(circle at 94% 8%, rgba(201,251,60,.08), transparent 24%), #07100c; }
.guidance-heading::before { content: ""; position: absolute; right: 6vw; top: 50%; width: 220px; height: 220px; border: 1px solid rgba(102,215,255,.14); border-radius: 50%; transform: translateY(-50%); box-shadow: inset 0 0 0 36px rgba(102,215,255,.018), inset 0 0 0 72px rgba(102,215,255,.012); }
.guidance-heading::after { content: "STRUCTURE-DERIVED / TRACEABLE OUTPUT"; position: absolute; right: 30px; bottom: 22px; color: #587269; font: 7px var(--mono); letter-spacing: .15em; }
.guidance-heading > * { position: relative; z-index: 1; }
.guidance-summary { position: relative; background: #060a08; }
.guidance-summary article { min-height: 218px; padding: 28px; transition: background .28s ease, transform .28s ease; }
.guidance-summary article::after { position: absolute; right: 18px; bottom: 5px; color: var(--card-accent); opacity: .08; font: 600 72px/1 var(--mono); letter-spacing: -.09em; }
.guidance-summary article:nth-child(1)::after { content: "01"; }
.guidance-summary article:nth-child(2)::after { content: "02"; }
.guidance-summary article:nth-child(3)::after { content: "03"; }
.guidance-summary article:nth-child(4)::after { content: "04"; }
.guidance-summary article:hover { background-color: rgba(255,255,255,.018); transform: translateY(-2px); }
.guidance-summary strong { margin-top: 38px; font-size: 26px; }
.guidance-grid { gap: 12px; padding: 12px; background: #050806; }
.guidance-grid article { --guide-accent: #66d7ff; position: relative; min-height: 195px; overflow: hidden; padding: 32px 34px; border: 1px solid #293a32; background: linear-gradient(145deg, color-mix(in srgb, var(--guide-accent) 6%, transparent), rgba(7,12,9,.92) 52%); box-shadow: inset 2px 0 0 color-mix(in srgb, var(--guide-accent) 70%, transparent); }
.guidance-grid article:nth-child(2) { --guide-accent: #ffad61; }
.guidance-grid article:nth-child(3) { --guide-accent: #b98cff; }
.guidance-grid article:nth-child(4) { --guide-accent: #c9fb3c; }
.guidance-grid article:nth-child(even) { border-right: 1px solid #293a32; }
.guidance-grid article::after { content: ""; position: absolute; right: -30px; bottom: -48px; width: 130px; height: 130px; border: 1px solid color-mix(in srgb, var(--guide-accent) 13%, transparent); border-radius: 50%; }
.guidance-grid article span { color: var(--guide-accent); }
.guidance-grid article p { position: relative; z-index: 1; font-size: 15px; }
.discovery-radar { position: relative; isolation: isolate; overflow: hidden; }
.discovery-radar::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .16; background-image: linear-gradient(rgba(102,215,255,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(102,215,255,.07) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at 72% 38%, #000, transparent 68%); }
.discovery-head { min-height: 300px; padding: 64px 44px 48px; }
.discovery-modes { margin: 0 14px; border: 1px solid #30453a; }
.discovery-modes button { min-height: 82px; }
.discovery-modes button.active { box-shadow: inset 0 -2px 0 #66d7ff, inset 0 0 42px rgba(102,215,255,.055), 0 0 24px rgba(102,215,255,.035); }
.discovery-console { margin: 14px; border: 1px solid #2e4237; background: rgba(4,9,6,.72); }
.discovery-thesis { background: radial-gradient(circle at 12% 8%, rgba(102,215,255,.06), transparent 26%); }
.discovery-panels article { position: relative; overflow: hidden; }
.discovery-panels article::after { content: ""; position: absolute; right: 20px; top: 20px; width: 8px; height: 8px; border: 1px solid currentColor; border-radius: 50%; opacity: .42; }
.local-synthesis { margin: 0 14px 14px; border: 1px solid #35483e; background: linear-gradient(110deg, rgba(185,140,255,.06), rgba(12,20,15,.86) 50%); }
.experiment-blueprint { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 8% 18%, rgba(201,251,60,.06), transparent 22%), #060a08; }
.experiment-blueprint::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .16; background-image: linear-gradient(rgba(137,174,154,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(137,174,154,.07) 1px, transparent 1px); background-size: 64px 64px; }
.blueprint-head { position: relative; min-height: 280px; padding: 58px 44px 44px; background: radial-gradient(circle at 86% 44%, rgba(201,251,60,.08), transparent 25%), rgba(8,15,11,.88); }
.blueprint-head::after { content: ""; position: absolute; right: 6vw; top: 50%; width: 170px; height: 170px; border: 1px solid rgba(201,251,60,.1); border-radius: 50%; transform: translateY(-50%); box-shadow: inset 0 0 0 34px rgba(201,251,60,.012); }
.blueprint-head > * { position: relative; z-index: 1; }
.blueprint-grid { gap: 12px; padding: 12px; background: rgba(4,7,5,.76); }
.blueprint-grid > article { --blueprint-accent: #c9fb3c; position: relative; overflow: hidden; min-height: 450px; border: 1px solid #2d4036; background: linear-gradient(145deg, color-mix(in srgb, var(--blueprint-accent) 5%, transparent), rgba(7,12,9,.94) 48%); box-shadow: inset 0 2px 0 color-mix(in srgb, var(--blueprint-accent) 68%, transparent); transition: border-color .25s ease, transform .25s ease; }
.blueprint-grid > article:nth-child(2) { --blueprint-accent: #66d7ff; }
.blueprint-grid > article:nth-child(3) { --blueprint-accent: #b98cff; }
.blueprint-grid > article:nth-child(4) { --blueprint-accent: #ffad61; }
.blueprint-grid > article:nth-child(even) { border-right: 1px solid #2d4036; }
.blueprint-grid > article:hover { border-color: color-mix(in srgb, var(--blueprint-accent) 48%, #2d4036); transform: translateY(-2px); }
.blueprint-grid > article::after { content: ""; position: absolute; right: -55px; top: -55px; width: 150px; height: 150px; border: 1px solid color-mix(in srgb, var(--blueprint-accent) 15%, transparent); border-radius: 50%; }
.blueprint-grid > article > span { color: var(--blueprint-accent); }
.guidance-note { min-height: 82px; align-items: center; border-top: 1px solid #2e4037; background: #080d0a; }
.technical-details { position: relative; overflow: hidden; background: radial-gradient(circle at 88% 12%, rgba(102,215,255,.045), transparent 22%), #080d0a; }
.technical-details > summary { margin: 0 -30px; padding: 0 30px; border-top: 1px solid #35483e; border-bottom: 1px solid #35483e; background: #0b110d; }
.technical-details > summary:hover, .technical-details[open] > summary { background: linear-gradient(90deg, rgba(201,251,60,.055), #0b110d 42%); }
.technical-details > summary span::before { color: #c9fb3c; text-shadow: 0 0 16px rgba(201,251,60,.4); }
.analysis-grid, .topology, .methods { background: rgba(5,9,7,.56); }
.receipt { position: relative; background: radial-gradient(circle at 10% 16%, rgba(185,140,255,.06), transparent 20%), #070b09; }
.receipt::before { content: ""; position: absolute; inset: 0; opacity: .12; pointer-events: none; background-image: linear-gradient(rgba(137,174,154,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(137,174,154,.07) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(90deg, #000, transparent 70%); }
.receipt > * { position: relative; z-index: 1; }
.download-button { border-color: #667a6f; color: #dce5df; }
.research-contact { display: grid; grid-template-columns: .86fr 1.14fr; gap: 9vw; padding: 105px 30px 116px; border-top: 1px solid #31433a; background: radial-gradient(circle at 12% 22%, rgba(201,251,60,.08), transparent 25%), #080c0a; color: #dce5df; }
.research-contact h2 { margin: 22px 0 0; font-size: clamp(46px, 5.2vw, 78px); line-height: .94; letter-spacing: -.06em; font-weight: 550; }
.research-contact-copy > p:not(.eyebrow) { max-width: 540px; margin: 28px 0 0; color: #84958c; font-size: 14px; line-height: 1.7; }
.research-contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 26px; align-self: start; padding: 28px; border: 1px solid #35483e; background: rgba(5,9,7,.8); box-shadow: inset 3px 0 0 rgba(201,251,60,.6), 0 24px 70px rgba(0,0,0,.28); }
.research-contact-form label { color: #899991; font: 8px var(--mono); text-transform: uppercase; }
.research-contact-form label:nth-of-type(4), .research-contact-form > button, .research-contact-form > p { grid-column: 1 / -1; }
.research-contact-form label span, .research-contact-form input, .research-contact-form textarea { display: block; }
.research-contact-form label em { color: #637168; font-style: normal; text-transform: none; }
.research-contact-form input:not(.contact-honey), .research-contact-form textarea { width: 100%; margin-top: 8px; border: 1px solid #33443b; padding: 13px 14px; outline: 0; resize: vertical; background: #050705; color: #edf3ef; font: 13px var(--sans); text-transform: none; }
.research-contact-form input:focus, .research-contact-form textarea:focus { border-color: var(--acid); }
.research-contact-form > button { min-height: 54px; display: flex; justify-content: space-between; align-items: center; border: 0; padding: 0 18px; background: var(--acid); color: #090b09; font: 700 9px var(--mono); text-transform: uppercase; cursor: pointer; }
.research-contact-form > button:disabled { opacity: .72; cursor: wait; }
.research-contact-form > p { margin: 0; color: #718178; font: 8px var(--mono); text-transform: uppercase; }
.research-contact.sent .research-contact-form > p { color: var(--acid); }
.contact-honey { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }

@media (max-width: 1080px) {
  body:not(.analysis-mode) { overflow: auto; }
  .launch-screen { height: auto; min-height: calc(100svh - 62px); grid-template-columns: 1fr; }
  .launch-visual { min-height: 58svh; border-right: 0; border-bottom: 1px solid #344139; }
  .launch-console { min-height: 620px; }
  .molecule-workbench { height: auto; min-height: 0; grid-template-columns: 1fr; }
  .molecule-stage-wrap { min-height: 650px; }
  .best-residues { min-height: 430px; }
  .result-quick-form { width: min(300px, 34vw); margin: 0 12px; }
  .discovery-console { grid-template-columns: 1fr; }
  .discovery-thesis { border-right: 0; border-bottom: 1px solid #2b3d33; }
  .guidance-heading, .blueprint-head { min-height: 0; }
  .research-contact { grid-template-columns: 1fr; gap: 48px; }
  .section-rail { top: 18px; right: 10px; width: 56px; }
  body[data-active-section="0"] .section-rail { top: 160px; right: 10px; }
  .section-rail-readout { grid-template-columns: auto auto; justify-content: center; padding: 10px 6px 9px; }
  .section-rail-readout strong { font-size: 17px; }
  .section-rail-readout > span { font-size: 8px; }
  .section-rail-readout small { display: none; }
  .section-rail ol { right: -1px; width: 124px; }
  .evidence-lab-head { align-items: flex-start; flex-direction: column; }
  .target-director { grid-template-columns: 1fr; }
  .target-director-copy { border-right: 0; border-bottom: 1px solid #344139; }
  .mechanics-readout { grid-template-columns: 1fr 1fr; }
  .mechanics-readout article:nth-child(2) { border-right: 0; }
  .mechanics-readout article:nth-child(-n+2) { border-bottom: 1px solid #344139; }
  .lens-picker-wrap { justify-items: start; }
  .lens-picker { justify-content: flex-start; }
  .adaptive-cycle-head { grid-template-columns: 1fr; gap: 24px; }
  .adaptive-metrics { grid-template-columns: 1fr 1fr; }
  .adaptive-metrics article:nth-child(2) { border-right: 0; }
  .adaptive-metrics article:nth-child(-n+2) { border-bottom: 1px solid #344139; }
  .mechanism-hypotheses { grid-template-columns: repeat(3, 1fr); }
  .mechanism-hypotheses article:nth-child(3) { border-right: 0; }
  .mechanism-hypotheses article:nth-child(-n+3) { border-bottom: 1px solid #344139; }
  .adaptive-next { grid-template-columns: 1fr; }
  .adaptive-next > div { border-right: 0; border-bottom: 1px solid #344139; }
  .prior-art-boundary { grid-template-columns: 1fr 1fr; }
  .prior-art-boundary > * { border-bottom: 1px solid #aab5ad; }
  .prior-art-boundary > *:nth-child(even) { border-right: 0; }
  .prior-art-boundary > *:last-child { grid-column: auto; }
  .selected-action-grid { grid-template-columns: 1fr 1fr; }
  .selected-action-grid > div:nth-child(2) { border-right: 0; }
  .selected-action-grid > div:nth-child(-n+2) { border-bottom: 1px solid #344139; }
}
@media (max-width: 700px) {
  .app-header { padding: 0 16px; }
  body:not(.analysis-mode) { overflow: auto; }
  .launch-screen { height: calc(100svh - 62px); min-height: 0; grid-template-rows: 43% 57%; overflow: hidden; }
  .launch-visual { min-height: 0; }
  .preview-toolbar strong { display: none; }
  .preview-callout { left: 16px; right: 16px; min-width: 0; }
  .launch-console { min-height: 0; justify-content: flex-start; overflow-y: auto; padding: 18px 20px 24px; }
  .launch-console h1 { margin-top: 10px; font-size: 39px; }
  .launch-summary { display: none; }
  .launch-console .demo-button { min-height: 86px; margin-top: 14px; padding: 12px 14px 11px 18px; }
  .launch-console .demo-button strong { font-size: 20px; }
  .launch-console .input-main { margin-top: 12px; }
  .launch-console .source-panel { padding-top: 9px; }
  .launch-console .id-form input { min-height: 43px; font-size: 19px; }
  .launch-console .id-form button { padding: 0 16px; }
  .launch-console .id-form small { margin-top: 6px; font-size: 7px; }
  .launch-console .boundary { display: none; }
  .result-head { align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 78px; }
  .result-quick-form { width: 100%; margin: 0; }
  .result-actions { width: 100%; justify-content: space-between; }
  .molecule-stage-wrap { min-height: 560px; }
  .viewer-readout { display: none; }
  .structure-callout { left: 14px; right: 14px; min-width: 0; }
  .metric-strip, .guidance-summary, .guidance-grid, .blueprint-grid, .blueprint-head, .discovery-head, .local-synthesis { grid-template-columns: 1fr; }
  .blueprint-head > span { grid-column: 1; }
  .blueprint-grid > article { min-height: auto; border-right: 0; }
  .mutation-ladder li, .diagnostic-matrix > div { grid-template-columns: 1fr; gap: 8px; }
  .mutation-ladder li small { grid-column: 1; }
  .technical-details, .receipt { padding-left: 18px; padding-right: 18px; }
  .surface-status { top: 62px; left: 12px; min-width: 210px; }
  .result-scroll-cue { bottom: 10px; }
  .section-rail, body[data-active-section="0"] .section-rail { top: 12px; right: 10px; }
  .result-scroll-banner { grid-template-columns: 62px 1fr 22px; gap: 10px; margin: 10px auto; padding: 9px 12px; font-size: 8px; }
  .discovery-head { gap: 26px; padding: 40px 22px 30px; }
  .discovery-modes { grid-template-columns: 1fr 1fr; }
  .discovery-modes button:nth-child(2) { border-right: 0; }
  .discovery-modes button:nth-child(-n+2) { border-bottom: 1px solid #2b3d33; }
  .discovery-panels { grid-template-columns: 1fr; }
  .discovery-panels article { min-height: 230px; border-right: 0; border-bottom: 1px solid #2b3d33; }
  .discovery-thesis { padding: 34px 22px 26px; }
  .local-synthesis { padding: 22px; }
  .guidance-heading { padding: 44px 22px 38px; }
  .guidance-heading::before, .blueprint-head::after { display: none; }
  .guidance-summary article { min-height: 178px; }
  .guidance-grid { gap: 8px; padding: 8px; }
  .guidance-grid article { padding: 28px 22px; }
  .discovery-radar .discovery-head { padding: 44px 22px 34px; }
  .discovery-modes, .discovery-console, .local-synthesis { margin-left: 8px; margin-right: 8px; }
  .blueprint-head { padding: 44px 22px 34px; }
  .blueprint-grid { gap: 8px; padding: 8px; }
  .research-contact { padding: 76px 18px 86px; }
  .research-contact-form { grid-template-columns: 1fr; padding: 22px 18px; }
  .research-contact-form label:nth-of-type(4), .research-contact-form > button, .research-contact-form > p { grid-column: 1; }
  .evidence-lab, .sequence-workbench, .validation-studio { padding: 46px 18px; }
  .experiment-spine { grid-template-columns: 1fr 1fr; }
  .experiment-spine a { min-height: 205px; }
  .experiment-spine a:nth-child(3n) { border-right: 1px solid #344139; }
  .experiment-spine a:nth-child(2n) { border-right: 0; }
  .experiment-spine a:nth-child(-n+4) { border-bottom: 1px solid #344139; }
  .lens-context { grid-template-columns: 1fr; padding: 0; }
  .assay-setup-copy { border-right: 0; border-bottom: 1px solid #344139; padding: 18px; }
  .assay-setup-form { padding: 18px; }
  .assay-setup-form > div:first-of-type { grid-template-columns: 1fr; gap: 7px; }
  .lens-context input, .lens-context button { min-height: 42px; }
  .model-explanation { grid-column: 1; grid-template-columns: 1fr; padding: 18px; }
  .model-explanation code { grid-column: 1; }
  .adaptive-cycle-head { grid-template-columns: 1fr; min-height: 0; padding: 24px 18px; }
  .adaptive-cycle-actions { grid-template-columns: 1fr; }
  .measurement-intro { grid-template-columns: 1fr; gap: 8px; }
  .demo-data-note { grid-template-columns: 1fr; gap: 7px; }
  .mechanism-intro { grid-template-columns: 1fr; gap: 8px; }
  .adaptive-metrics, .mechanism-hypotheses { grid-template-columns: 1fr; }
  .adaptive-metrics article, .mechanism-hypotheses article { min-height: 0; border-right: 0; border-bottom: 1px solid #344139; }
  .adaptive-result-bar { align-items: stretch; flex-direction: column; }
  .adaptive-result-bar > div { display: grid; grid-template-columns: 1fr; }
  .adaptive-result-bar label { min-height: 42px; }
  .adaptive-result-bar button { min-height: 44px; }
  .adaptive-status { align-items: flex-start; flex-direction: column; gap: 6px; padding: 15px 18px; }
  .adaptive-next > div { padding: 20px 18px; }
  .prior-art-boundary { grid-template-columns: 1fr; }
  .prior-art-boundary > *, .prior-art-boundary > *:nth-child(even), .prior-art-boundary > *:last-child { grid-column: 1; border-right: 0; border-bottom: 1px solid #aab5ad; }
  .prior-art-boundary > *:last-child { border-bottom: 0; }
  .residue-inspector-heading { margin-top: 44px; }
  .evidence-residue-picker { grid-template-columns: 1fr 1fr; }
  .selected-action-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .selected-action-head > p { text-align: left; }
  .selected-action-grid { grid-template-columns: 1fr; }
  .selected-action-grid > div { min-height: 0; border-right: 0; border-bottom: 1px solid #344139; }
  .selected-action-rule { grid-template-columns: 1fr; gap: 9px; }
  .selected-action-buttons { display: grid; grid-template-columns: 1fr 1fr; }
}

/* Continuous analysis surface: the light launch screen remains unchanged. */
body.analysis-mode .app-header { border-bottom-color: #2e3a33; background: #070b08; color: #edf4ef; }
body.analysis-mode .brand, body.analysis-mode .header-demo { color: #edf4ef; }
body.analysis-mode .app-title { color: #9cac9f; }
.scientific-contract { background: #080d0a; color: #edf4ef; }
.scientific-contract .eyebrow { color: var(--acid); }
.contract-grid { border-color: #344139; }
.contract-grid article { border-color: #344139; background: #0a100c; }
.contract-grid span { color: var(--acid); }
.contract-grid strong { color: #edf4ef; }
.contract-grid p { color: #91a198; }
.prior-art-boundary { background: #080d0a; color: #edf4ef; border-top: 1px solid #344139; }
.prior-art-boundary > div, .prior-art-boundary article { border-color: #344139; background: #0a100c; }
.prior-art-boundary span { color: var(--acid); }
.prior-art-boundary a { color: #dfff7d; }
.prior-art-boundary p { color: #8f9f96; }
.sequence-workbench { background: #080d0a; color: #edf4ef; }
.sequence-workbench .eyebrow { color: var(--acid); }
.sequence-workbench h3 { color: #edf4ef; }
.sequence-actions button, .sequence-actions a, .chain-tabs button { border-color: #4a5a51; background: #0b120e; color: #c8d4cd; }
.sequence-actions button:hover, .sequence-actions a:hover, .chain-tabs button.active { border-color: var(--acid); background: rgba(201,251,60,.1); color: #dfff7d; }
.sequence-note { border-left-color: var(--acid); background: #101811; color: #9faf9f; }
.sequence-residue { border-color: #344139; background: #0c120e; color: #dfe9e3; }
.sequence-residue small { color: #77897e; }
.sequence-residue.ranked { border-color: #3f6f7c; background: #102129; }
.sequence-residue.rank-one { border-color: #91b719; background: #23310f; box-shadow: inset 0 0 0 1px #5e780d; }
.sequence-legend { color: #8fa097; }
.sequence-legend .rank-one { background: #506a10; }.sequence-legend .ranked { background: #183947; }.sequence-legend .selected { background: #a7295b; }.sequence-legend .cdr { background: #5d336d; }
.ranking-filter input { border-color: #46554d; background: #050806; color: #e4ece7; }
.expert-table-wrap thead { background: #0b110d; }

.atomic-evidence { margin-top: 18px; border: 1px solid #46584e; background: #080d0a; box-shadow: inset 3px 0 0 #66d7ff; }
.atomic-evidence-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 42px; align-items: end; padding: 24px 24px 22px; border-bottom: 1px solid #344139; }
.atomic-evidence-head span { color: #66d7ff; font: 8px var(--mono); letter-spacing: .1em; }
.atomic-evidence-head h4 { margin: 10px 0 0; color: #eff6f1; font-size: clamp(25px, 2.5vw, 38px); line-height: 1; letter-spacing: -.04em; font-weight: 560; }
.atomic-evidence-head div > p { margin: 12px 0 0; color: #a6b5ac; font-size: 12px; line-height: 1.58; }
.atomic-evidence-head > p { margin: 0; color: #7f9186; font: 8px/1.62 var(--mono); text-align: right; }
.atomic-evidence-metrics { display: grid; grid-template-columns: repeat(6, 1fr); border-bottom: 1px solid #344139; }
.atomic-evidence-metrics article { min-height: 120px; border-right: 1px solid #344139; padding: 18px; }
.atomic-evidence-metrics article:last-child { border-right: 0; }
.atomic-evidence-metrics span { display: block; color: #75887d; font: 8px var(--mono); letter-spacing: .07em; }
.atomic-evidence-metrics strong { display: block; margin-top: 14px; color: #f0f6f2; font: 600 28px var(--mono); }
.atomic-evidence-metrics small { display: block; margin-top: 7px; color: #6f8077; font: 8px/1.45 var(--mono); }
.atomic-evidence-grid { display: grid; grid-template-columns: 1.1fr .9fr; }
.atomic-evidence-grid > article { min-height: 330px; border-right: 1px solid #344139; padding: 22px; }
.atomic-evidence-grid > article:last-child { border-right: 0; }
.atomic-evidence-rows, .atomic-change-rows { display: grid; gap: 0; margin-top: 20px; }
.atomic-evidence-rows > p { margin: 0; color: #82938a; font-size: 11px; line-height: 1.6; }
.atomic-evidence-row { display: grid; grid-template-columns: 112px 1fr auto; gap: 12px; align-items: center; border-top: 1px solid #28362e; padding: 11px 0; }
.atomic-evidence-row i { display: inline-flex; justify-content: center; border: 1px solid #466052; padding: 5px 7px; color: #b9c8c0; font: 7px var(--mono); font-style: normal; text-transform: uppercase; }
.atomic-evidence-row strong { color: #e5eee8; font: 550 10px var(--mono); }
.atomic-evidence-row span { color: #7f9186; font: 8px var(--mono); text-align: right; }
.atomic-mutation-summary { margin: 22px 0 0; color: #c2cec7; font-size: 12px; line-height: 1.65; }
.atomic-change-row { display: grid; grid-template-columns: 96px 1fr; gap: 12px; border-top: 1px solid #28362e; padding: 11px 0; }
.atomic-change-row strong { color: #dfff7d; font: 8px var(--mono); text-transform: uppercase; }
.atomic-change-row strong.lost { color: #ffb36b; }
.atomic-change-row p { margin: 0; color: #8e9f95; font-size: 10px; line-height: 1.5; }
.atomic-boundary { margin: 18px 0 0; border-left: 2px solid #66d7ff; padding-left: 12px; color: #73847b; font: 8px/1.55 var(--mono); }
.atomic-contrast { display: grid; grid-template-columns: .9fr 1.1fr; gap: 34px; align-items: center; border-top: 1px solid #344139; padding: 22px; background: #0a100c; }
.atomic-contrast > div:first-child > span { color: var(--acid); font: 8px var(--mono); letter-spacing: .09em; }
.atomic-contrast > div:first-child > strong { display: block; margin-top: 10px; color: #edf4ef; font-size: 15px; font-weight: 580; }
.atomic-contrast > div:first-child > p { margin: 9px 0 0; color: #819188; font-size: 10px; line-height: 1.55; }
.atomic-contrast-rows { display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid #344139; }
.atomic-contrast-row { min-height: 92px; border-top: 1px solid #344139; border-right: 1px solid #344139; border-bottom: 1px solid #344139; padding: 14px; }
.atomic-contrast-row span { color: #778a7f; font: 7px var(--mono); text-transform: uppercase; }
.atomic-contrast-row strong { display: block; margin-top: 11px; color: #dfff7d; font: 600 16px var(--mono); }
.atomic-contrast-row small { display: block; margin-top: 6px; color: #718279; font: 7px/1.4 var(--mono); }

@media (max-width: 1100px) {
  .atomic-evidence-metrics { grid-template-columns: repeat(3, 1fr); }
  .atomic-evidence-metrics article:nth-child(3) { border-right: 0; }
  .atomic-evidence-metrics article:nth-child(-n+3) { border-bottom: 1px solid #344139; }
}
@media (max-width: 700px) {
  .benchmark-row, .sensitivity-row { grid-template-columns: 1fr; }
  .benchmark-row b { max-width: none; text-align: left; }
  #validationImportResult .validation-summary { grid-template-columns: 1fr 1fr; }
  .atomic-evidence-head, .atomic-evidence-grid, .atomic-contrast { grid-template-columns: 1fr; }
  .atomic-evidence-head { gap: 14px; }
  .atomic-evidence-head > p { text-align: left; }
  .atomic-evidence-metrics { grid-template-columns: 1fr 1fr; }
  .atomic-evidence-metrics article, .atomic-evidence-metrics article:nth-child(3) { border-right: 1px solid #344139; border-bottom: 1px solid #344139; }
  .atomic-evidence-metrics article:nth-child(even) { border-right: 0; }
  .atomic-evidence-grid > article { min-height: 0; border-right: 0; border-bottom: 1px solid #344139; }
  .atomic-evidence-row { grid-template-columns: 92px 1fr; }
  .atomic-evidence-row span { grid-column: 2; text-align: left; }
  .atomic-contrast-rows { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) { .result-scroll-cue i { animation: none; } }

/* Structure Brief 4.1 — quiet, cinematic workspace */
:root {
  --canvas: #040605;
  --glass: rgba(15, 20, 17, .78);
  --glass-strong: rgba(18, 24, 20, .94);
  --hairline: rgba(220, 241, 228, .11);
  --hairline-strong: rgba(220, 241, 228, .18);
  --text-primary: #f4f7f5;
  --text-secondary: #a5b0aa;
  --text-tertiary: #6f7a74;
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 15px;
  --shadow-soft: 0 34px 100px rgba(0, 0, 0, .34);
}

html { background: var(--canvas); scroll-behavior: smooth; }
body.analysis-mode { background: var(--canvas); }
body.analysis-mode .results {
  padding: 18px clamp(12px, 2vw, 30px) 80px;
  background:
    radial-gradient(circle at 16% 6%, rgba(101, 181, 147, .09), transparent 27%),
    radial-gradient(circle at 88% 30%, rgba(102, 215, 255, .055), transparent 24%),
    var(--canvas);
}

.result-head,
.molecule-workbench,
.analysis-status,
.metric-strip,
.evidence-lab,
.scientific-contract,
.sequence-workbench,
.validation-studio,
.ai-guidance,
.technical-details,
.receipt,
.research-contact {
  width: min(1480px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.result-head {
  min-height: 88px;
  margin-bottom: 14px;
  padding: 16px 22px;
  border: 1px solid var(--hairline);
  border-radius: 20px;
  background: rgba(12, 16, 13, .72);
  box-shadow: 0 14px 42px rgba(0, 0, 0, .18);
  backdrop-filter: blur(24px) saturate(125%);
}
.result-head h2 { font-size: 24px; letter-spacing: -.035em; }
.result-quick-form input,
.result-quick-form button,
.result-actions > button { border-color: var(--hairline-strong); }
.result-quick-form input { border-radius: 11px 0 0 11px; background: rgba(0,0,0,.2); }
.result-quick-form button { border-radius: 0 11px 11px 0; }
.result-actions > button { border-radius: 11px; background: rgba(255,255,255,.035); }

.molecule-workbench {
  height: clamp(650px, calc(100svh - 132px), 820px);
  grid-template-columns: minmax(0, 1.6fr) minmax(370px, .62fr);
  overflow: hidden;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-xl);
  background: #080b09;
  box-shadow: var(--shadow-soft);
}
.molecule-stage-wrap { border-right-color: var(--hairline); }
.molecule-stage-wrap::after,
.ai-guidance::before,
.discovery-radar::before,
.experiment-blueprint::before,
.receipt::before { opacity: .07; }
#moleculeStage { inset: 0; }
.molecule-toolbar {
  top: 14px;
  left: 14px;
  right: 14px;
  min-height: 54px;
  padding: 8px 12px 8px 16px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-md);
  background: rgba(7, 10, 8, .72);
  box-shadow: 0 15px 38px rgba(0,0,0,.22);
  backdrop-filter: blur(24px) saturate(130%);
}
.viewer-controls { gap: 5px; }
.viewer-controls button,
.viewer-controls label {
  min-height: 32px;
  border: 0;
  border-radius: 9px;
  background: rgba(255,255,255,.045);
}
.viewer-controls button:last-child { border-right: 0; }
.viewer-controls button.active,
.viewer-controls button:hover { background: rgba(201,251,60,.94); }
.viewer-controls label { border-right: 0; }
.color-legend,
.surface-status,
.structure-callout,
.viewer-readout span {
  border: 1px solid var(--hairline);
  border-radius: 13px;
  background: rgba(5, 9, 7, .66);
  box-shadow: 0 16px 38px rgba(0,0,0,.2);
  backdrop-filter: blur(22px) saturate(120%);
}
.surface-status { top: 82px; left: 18px; }
.color-legend { top: 82px; left: auto; right: 18px; }
.analysis-reticle { opacity: .18; }
.structure-callout {
  left: 22px;
  bottom: 42px;
  min-width: 315px;
  padding: 16px 18px;
  border-left: 1px solid var(--hairline);
  box-shadow: inset 2px 0 0 var(--acid), 0 16px 42px rgba(0,0,0,.24);
}
.structure-callout strong { font-size: 23px; letter-spacing: -.025em; }
.viewer-readout { right: 18px; bottom: 42px; }
.viewer-boundary { left: 22px; right: 22px; border-color: var(--hairline); opacity: .7; }

.best-residues {
  padding: 28px 24px 24px;
  border-left: 0;
  background:
    radial-gradient(circle at 10% 0, rgba(201,251,60,.065), transparent 30%),
    rgba(10, 14, 11, .94);
  scrollbar-color: rgba(201,251,60,.35) transparent;
}
.best-residues h3 { max-width: 420px; font-size: clamp(30px, 2.3vw, 40px); line-height: 1; }
.best-residues > div:first-child > p:not(.eyebrow) { font-size: 12px; line-height: 1.65; }
.best-residues .hud-definition { border-bottom: 0; padding-bottom: 0; }
.best-residues #hudThesis {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--hairline);
  border-radius: 13px;
  background: rgba(255,255,255,.028);
  color: #c7d1cb;
}
.intel-cards {
  gap: 8px;
  margin-top: 14px;
  border: 0;
}
.intel-cards article,
.intel-cards article:last-child {
  min-height: 100px;
  padding: 15px;
  border: 1px solid var(--hairline);
  border-radius: 13px;
  background: rgba(255,255,255,.026);
}
.intel-cards strong { font-family: var(--sans); font-size: 17px; letter-spacing: -.02em; }
.ranked-title { margin-top: 24px; }
#bestResidueRows { margin-top: 10px; border: 0; }
.best-residue-row {
  margin-top: 3px;
  padding: 11px 10px;
  border: 0;
  border-radius: 11px;
  transition: background .2s ease, transform .2s ease, color .2s ease;
}
.best-residue-row:hover,
.best-residue-row.active {
  background: rgba(201,251,60,.075);
  transform: translateX(2px);
}
.best-boundary { border-color: var(--hairline); text-transform: none; }

.analysis-status {
  min-height: 38px;
  margin-top: 10px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--text-tertiary);
  text-transform: none;
}
.metric-strip {
  gap: 10px;
  margin-top: 4px;
  border: 0;
  background: transparent;
}
.metric-strip div {
  min-height: 98px;
  padding: 19px 20px;
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: rgba(255,255,255,.022);
}
.metric-strip strong { margin-top: 18px; font-size: 26px; }

.section-rail,
body[data-active-section="0"] .section-rail {
  top: 18px;
  right: 18px;
  width: 78px;
  border: 1px solid var(--hairline-strong);
  border-radius: 17px;
  background: rgba(7, 10, 8, .72);
  box-shadow: 0 18px 48px rgba(0,0,0,.3);
  backdrop-filter: blur(24px) saturate(130%);
}
.section-rail ol { border-color: var(--hairline-strong); border-radius: 14px; overflow: hidden; }

.result-scroll-cue {
  width: min(330px, calc(100vw - 28px));
  min-height: 58px;
  grid-template-columns: 58px 1fr 22px;
  bottom: 16px;
  border: 1px solid rgba(201,251,60,.4);
  border-radius: 18px;
  background: rgba(9, 14, 10, .8);
  box-shadow: 0 20px 55px rgba(0,0,0,.42), inset 0 0 0 1px rgba(201,251,60,.035);
  backdrop-filter: blur(24px) saturate(140%);
}

.evidence-lab,
.scientific-contract,
.sequence-workbench,
.validation-studio,
.ai-guidance,
.technical-details,
.receipt,
.research-contact {
  margin-top: 72px;
  overflow: hidden;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-xl);
  box-shadow: 0 30px 90px rgba(0,0,0,.22);
}
.evidence-lab { padding: 68px 46px 46px; background: rgba(9, 13, 10, .88); }
.evidence-lab-head { gap: 70px; }
.evidence-lab-head h3 { max-width: 720px; font-size: clamp(42px, 4.4vw, 70px); line-height: .94; }
.evidence-lab-head > div:first-child > p:last-child { max-width: 720px; font-size: 15px; line-height: 1.7; }
.lens-picker-wrap { align-content: end; }
.lens-picker { gap: 7px; }
.lens-picker button {
  min-height: 38px;
  border: 1px solid var(--hairline);
  border-radius: 999px;
  padding: 0 14px;
  background: rgba(255,255,255,.025);
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.lens-picker button:hover { transform: translateY(-1px); }
.lens-picker button.active { border-color: rgba(201,251,60,.42); background: rgba(201,251,60,.12); box-shadow: none; }

.experiment-spine {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 38px;
  border: 0;
  background: transparent;
}
.experiment-spine a,
.experiment-spine a:nth-child(3n),
.experiment-spine a:nth-child(-n+3) {
  min-height: 174px;
  padding: 20px;
  border: 1px solid var(--hairline);
  border-radius: 17px;
  background: rgba(255,255,255,.025);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.experiment-spine a:hover {
  transform: translateY(-2px);
  border-color: var(--hairline-strong);
  background: rgba(255,255,255,.042);
}
.experiment-spine a > strong { max-width: 330px; font-size: 17px; line-height: 1.24; }
.workflow-answer { border-color: var(--hairline); }

.target-director,
.lens-context,
.calculation-details,
.adaptive-cycle,
.selected-action,
.atomic-evidence,
.evidence-lab-grid {
  overflow: hidden;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.018);
  box-shadow: none;
}
.target-director { margin-top: 14px; }
.target-director-copy,
.target-director-controls,
.mechanics-readout article,
.assay-setup-copy,
.assay-setup-form { border-color: var(--hairline); }
.target-director-controls select,
.target-director-controls input,
.target-director-controls button,
.assay-setup-form input,
.assay-setup-form button {
  border-radius: 10px;
  border-color: var(--hairline-strong);
}
.mechanics-readout { gap: 1px; background: var(--hairline); }
.mechanics-readout article { border: 0; background: #0b100d; }
.lens-context { margin-top: 14px; }
.calculation-details { margin-top: 10px; }
.calculation-details summary,
.design-details summary { min-height: 56px; text-transform: none; }

.adaptive-cycle {
  margin-top: 22px;
  box-shadow: none;
  background: rgba(6,10,7,.58);
}
.adaptive-cycle-head {
  min-height: 0;
  padding: 34px;
  border-color: var(--hairline);
  background: radial-gradient(circle at 0 0, rgba(102,215,255,.065), transparent 36%);
}
.adaptive-cycle-actions { gap: 7px; }
.adaptive-cycle-actions label,
.adaptive-cycle-actions button,
.adaptive-result-bar label,
.adaptive-result-bar button {
  border-radius: 11px;
  border-color: var(--hairline-strong);
}
.adaptive-cycle-actions button:first-of-type { border-color: transparent; }
.demo-data-note { margin: 12px; border: 0; border-radius: 13px; background: rgba(201,251,60,.07); }
.adaptive-table-wrap {
  margin: 12px;
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: rgba(0,0,0,.16);
}
.adaptive-table { margin-top: 0; }
.adaptive-table th,
.adaptive-table td { border-right: 0; border-bottom-color: var(--hairline); }
.adaptive-table th { background: rgba(255,255,255,.035); }
.adaptive-table tbody tr:hover { background: rgba(255,255,255,.025); }
.adaptive-result-input { border-radius: 8px; border-color: var(--hairline-strong); }
.measurement-intro,
.adaptive-result-bar,
.adaptive-status,
.adaptive-next { border-color: var(--hairline); background: transparent; }
.measurement-intro { margin: 12px 12px 0; border: 1px solid var(--hairline); border-radius: 14px; }
.adaptive-result-bar { margin: 0 12px; }
.adaptive-status { margin: 0 12px; }
.adaptive-next {
  gap: 10px;
  margin: 12px;
  border: 0;
  background: transparent;
}
.adaptive-next > div {
  border: 1px solid var(--hairline);
  border-radius: 15px;
  background: rgba(255,255,255,.022);
}
.next-experiment-row { border-color: var(--hairline); }
.next-experiment-row button { color: #eff5f1; }
.design-details { margin: 12px; border: 1px solid var(--hairline); border-radius: 14px; }

.prior-art-boundary {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  margin: 16px 0 0;
  padding: 4px 0 10px;
  border: 0;
  background: transparent;
  scroll-snap-type: x proximity;
}
.prior-art-boundary > div,
.prior-art-boundary article {
  min-width: 270px;
  min-height: 185px;
  flex: 1 0 270px;
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: rgba(255,255,255,.02);
  scroll-snap-align: start;
}
.prior-art-boundary > div:first-child { min-width: 320px; flex-basis: 320px; }
.prior-art-boundary a { color: #e8f5c7; }

.evidence-residue-picker {
  gap: 7px;
  padding-bottom: 4px;
  border: 0;
}
.evidence-residue-button {
  min-height: 88px;
  border: 1px solid var(--hairline);
  border-radius: 13px;
  background: rgba(255,255,255,.022);
}
.evidence-residue-button.active { box-shadow: inset 0 0 0 1px rgba(201,251,60,.35); }
.selected-action,
.atomic-evidence { margin-top: 14px; box-shadow: none; }
.selected-action-head,
.selected-action-grid > div,
.selected-action-rule,
.selected-action-status,
.atomic-evidence-head,
.atomic-evidence-metrics,
.atomic-evidence-metrics article,
.atomic-evidence-grid > article,
.atomic-contrast { border-color: var(--hairline); }
.selected-action-grid { gap: 8px; padding: 8px; }
.selected-action-grid > div {
  min-height: 128px;
  border: 1px solid var(--hairline);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}
.selected-action-buttons button { border-radius: 999px; border-color: var(--hairline-strong); }
.selected-action-rule { margin: 0 8px 8px; border: 1px solid rgba(201,251,60,.18); border-radius: 13px; background: rgba(201,251,60,.04); }
.atomic-evidence-metrics { gap: 1px; background: var(--hairline); }
.atomic-evidence-metrics article { border: 0; background: #0a0f0c; }
.atomic-evidence-grid { gap: 1px; background: var(--hairline); }
.atomic-evidence-grid > article { border: 0; background: #090e0b; }
.atomic-contrast { margin: 8px; border: 1px solid var(--hairline); border-radius: 14px; }
.evidence-lab-grid { gap: 8px; margin-top: 14px; padding: 8px; border: 1px solid var(--hairline); }
.evidence-lab-grid > article {
  min-height: 500px;
  border: 1px solid var(--hairline);
  border-radius: 15px;
  background: rgba(255,255,255,.018);
}
#networkMap { border-radius: 14px; }

.scientific-contract,
.sequence-workbench,
.validation-studio { padding: 62px 46px; background: rgba(9,13,10,.88); }
.contract-grid,
.validation-grid { gap: 10px; border: 0; }
.contract-grid article,
.validation-grid > article {
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: rgba(255,255,255,.022);
}
.sequence-note { border: 1px solid var(--hairline); border-radius: 13px; background: rgba(255,255,255,.025); }
.sequence-actions button,
.sequence-actions a,
.chain-tabs button { border-radius: 999px; }
.sequence-strip { gap: 6px; }
.sequence-residue { border-radius: 8px; }

.ai-guidance { background: rgba(7,11,8,.9); }
.guidance-heading {
  min-height: 280px;
  padding: 56px 46px 44px;
  border: 0;
  background: radial-gradient(circle at 82% 30%, rgba(102,215,255,.085), transparent 28%);
}
.guidance-heading::before,
.guidance-heading::after,
.blueprint-head::after { display: none; }
.guidance-summary { gap: 9px; padding: 0 12px 12px; border: 0; background: transparent; }
.guidance-summary article {
  min-height: 190px;
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: rgba(255,255,255,.02);
}
.guidance-summary article::before,
.guidance-summary article::after { display: none; }
.guidance-grid { gap: 9px; padding: 0 12px 12px; background: transparent; }
.guidance-grid article,
.guidance-grid article:nth-child(even) {
  min-height: 175px;
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: rgba(255,255,255,.018);
  box-shadow: none;
}
.guidance-grid article::after { display: none; }
.discovery-radar,
.experiment-blueprint { margin: 12px; border: 1px solid var(--hairline); border-radius: 22px; background: rgba(255,255,255,.014); }
.discovery-head,
.blueprint-head { min-height: 0; padding: 46px 34px 34px; background: transparent; }
.discovery-modes { gap: 7px; margin: 0 12px; padding: 7px; border: 1px solid var(--hairline); border-radius: 15px; background: rgba(0,0,0,.15); }
.discovery-modes button {
  min-height: 56px;
  border: 0;
  border-radius: 10px;
  background: transparent;
}
.discovery-modes button.active { border: 0; background: rgba(102,215,255,.1); box-shadow: none; }
.discovery-console { gap: 8px; margin: 10px 12px 12px; border: 0; background: transparent; }
.discovery-thesis,
.discovery-panels article {
  border: 1px solid var(--hairline);
  border-radius: 15px;
  background: rgba(255,255,255,.018);
}
.discovery-thesis { border-right: 1px solid var(--hairline); }
.discovery-panels { gap: 8px; }
.discovery-panels article { min-height: 290px; }
.discovery-panels article::after { display: none; }
.blueprint-grid { gap: 9px; padding: 0 12px 12px; background: transparent; }
.blueprint-grid > article,
.blueprint-grid > article:nth-child(even) {
  min-height: 410px;
  border: 1px solid var(--hairline);
  border-radius: 16px;
  background: rgba(255,255,255,.018);
  box-shadow: none;
}
.blueprint-grid > article::after { display: none; }
.guidance-note { margin: 12px; border: 1px solid var(--hairline); border-radius: 14px; background: rgba(255,255,255,.018); }

.technical-details { padding: 0 30px; background: rgba(9,13,10,.88); }
.technical-details > summary { margin: 0 -30px; padding: 0 30px; border: 0; background: transparent; }
.technical-details > summary:hover,
.technical-details[open] > summary { background: rgba(255,255,255,.025); }
.receipt { padding: 72px 46px; background: rgba(9,13,10,.88); }
.research-contact { padding: 86px 46px; background: rgba(9,13,10,.88); }
.research-contact-form { border: 1px solid var(--hairline); border-radius: 18px; box-shadow: none; background: rgba(255,255,255,.018); }
.research-contact-form input:not(.contact-honey),
.research-contact-form textarea { border-radius: 11px; border-color: var(--hairline); background: rgba(0,0,0,.2); }
.research-contact-form > button { border-radius: 12px; }
.copy-dialog { border-color: var(--hairline-strong); border-radius: 22px; overflow: hidden; box-shadow: 0 30px 110px rgba(0,0,0,.75); }

@media (max-width: 1080px) {
  .molecule-workbench { height: auto; grid-template-columns: 1fr; }
  .molecule-stage-wrap { min-height: 660px; }
  .best-residues { min-height: 0; max-height: none; }
  .target-director { grid-template-columns: 1fr; }
  .experiment-spine { grid-template-columns: repeat(2, 1fr); }
  .experiment-spine a,
  .experiment-spine a:nth-child(3n),
  .experiment-spine a:nth-child(-n+3) { border: 1px solid var(--hairline); }
  .adaptive-next { grid-template-columns: 1fr; }
  .selected-action-grid { grid-template-columns: 1fr 1fr; }
  .evidence-lab-grid { grid-template-columns: 1fr; }
  .discovery-console { grid-template-columns: 1fr; }
  .discovery-thesis { border-bottom: 1px solid var(--hairline); }
}

@media (max-width: 700px) {
  body.analysis-mode .results { padding: 8px 8px 54px; }
  .result-head { margin-bottom: 8px; padding: 14px 16px 14px; border-radius: 20px; }
  .result-head h2 { font-size: 23px; }
  .result-actions { gap: 10px; }
  .result-actions > button { padding: 9px 10px; }
  .molecule-workbench { border-radius: 22px; }
  .molecule-stage-wrap { min-height: 610px; }
  #moleculeStage { inset: 0; }
  .molecule-toolbar {
    top: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
    border-radius: 14px;
  }
  .viewer-controls { gap: 4px; }
  .viewer-controls button,
  .viewer-controls label { min-height: 30px; padding-left: 7px; padding-right: 7px; }
  .surface-status { top: 118px; left: 10px; min-width: 0; }
  .color-legend { top: 188px; left: 12px; right: 12px; }
  .structure-callout { left: 12px; right: 12px; bottom: 38px; min-width: 0; }
  .best-residues { padding: 28px 18px 22px; }
  .best-residues h3 { font-size: 34px; }
  .metric-strip { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .metric-strip div { min-width: 145px; flex: 0 0 145px; scroll-snap-align: start; }
  .section-rail,
  body[data-active-section="0"] .section-rail { top: 12px; right: 12px; border-radius: 14px; }
  .evidence-lab,
  .scientific-contract,
  .sequence-workbench,
  .validation-studio,
  .ai-guidance,
  .technical-details,
  .receipt,
  .research-contact { margin-top: 42px; border-radius: 22px; }
  .evidence-lab,
  .scientific-contract,
  .sequence-workbench,
  .validation-studio { padding: 42px 18px 24px; }
  .evidence-lab-head h3 { font-size: 42px; }
  .lens-picker { gap: 6px; }
  .experiment-spine {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
  }
  .experiment-spine a,
  .experiment-spine a:nth-child(3n),
  .experiment-spine a:nth-child(-n+3),
  .experiment-spine a:nth-child(2n) {
    width: 82vw;
    min-width: 280px;
    min-height: 190px;
    flex: 0 0 82vw;
    border: 1px solid var(--hairline);
    scroll-snap-align: start;
  }
  .target-director,
  .lens-context,
  .adaptive-cycle,
  .selected-action,
  .atomic-evidence,
  .evidence-lab-grid { border-radius: 18px; }
  .adaptive-cycle-head { padding: 27px 18px; }
  .adaptive-table-wrap { margin: 8px; }
  .measurement-intro,
  .adaptive-result-bar,
  .adaptive-status { margin-left: 8px; margin-right: 8px; }
  .adaptive-next { margin: 8px; }
  .adaptive-next > div { padding: 20px 18px; }
  .prior-art-boundary > div,
  .prior-art-boundary article { min-width: 82vw; flex-basis: 82vw; }
  .evidence-residue-picker { grid-template-columns: repeat(10, minmax(142px, 1fr)); }
  .selected-action-grid { grid-template-columns: 1fr; }
  .selected-action-grid > div { min-height: 0; }
  .selected-action-buttons { display: flex; overflow-x: auto; flex-wrap: nowrap; }
  .selected-action-buttons button { flex: 0 0 auto; }
  .atomic-evidence-metrics { display: flex; overflow-x: auto; background: transparent; }
  .atomic-evidence-metrics article,
  .atomic-evidence-metrics article:nth-child(3),
  .atomic-evidence-metrics article:nth-child(even) {
    min-width: 150px;
    flex: 0 0 150px;
    border: 1px solid var(--hairline);
  }
  .guidance-heading { padding: 42px 22px 34px; }
  .guidance-summary { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .guidance-summary article { min-width: 78vw; flex: 0 0 78vw; scroll-snap-align: start; }
  .guidance-grid { grid-template-columns: 1fr; }
  .discovery-radar,
  .experiment-blueprint { margin: 8px; border-radius: 18px; }
  .discovery-head,
  .blueprint-head { padding: 38px 20px 28px; }
  .discovery-modes { display: flex; overflow-x: auto; }
  .discovery-modes button { min-width: 155px; flex: 0 0 155px; }
  .discovery-panels { grid-template-columns: 1fr; }
  .discovery-panels article { min-height: 210px; }
  .blueprint-grid { grid-template-columns: 1fr; }
  .blueprint-grid > article { min-height: 0; }
  .technical-details { padding-left: 18px; padding-right: 18px; }
  .technical-details > summary { margin: 0 -18px; padding: 0 18px; }
  .receipt,
  .research-contact { padding: 62px 22px; }
}

@media (prefers-reduced-motion: no-preference) {
  .molecule-workbench,
  .evidence-lab,
  .scientific-contract,
  .sequence-workbench,
  .validation-studio,
  .ai-guidance { animation: surfaceReveal .55s cubic-bezier(.2,.75,.2,1) both; }
  @keyframes surfaceReveal {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
  }
}

/* Structure Brief 4.2 — ranking explanation first */
.ranking-explanation {
  margin-top: 18px;
  padding: 30px;
  border: 1px solid var(--hairline);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 10%, rgba(102,215,255,.06), transparent 30%),
    rgba(255,255,255,.014);
}
.ranking-explanation .residue-inspector-heading { margin-top: 0; }
.ranking-explanation .residue-inspector-heading h4 {
  max-width: 760px;
  font-size: clamp(32px, 3.5vw, 52px);
}
.ranking-explanation .residue-inspector-heading > p:last-child {
  max-width: 780px;
  font-size: 13px;
}
.ranking-explanation .evidence-residue-picker { margin-top: 24px; }
.ranking-explanation .evidence-lab-grid {
  grid-template-columns: minmax(360px, .88fr) minmax(520px, 1.12fr);
  margin-top: 10px;
}
.ranking-explanation .evidence-lab-grid > article {
  min-height: 520px;
  padding: 28px;
}
.ranking-explanation .panel-head span { color: var(--acid); }
.ranking-explanation .panel-head strong { font-size: 10px; }
.residue-audit > p {
  margin: 24px 0 24px;
  font-size: 13px;
  line-height: 1.68;
}
.contribution-chart { gap: 3px; }
.contribution-row {
  grid-template-columns: minmax(140px, .8fr) minmax(150px, 1.45fr) 62px;
  gap: 16px;
  min-height: 34px;
  padding: 4px 0;
  color: #a7b5ad;
  font: 9px/1.25 var(--mono);
}
.contribution-row div {
  height: 13px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
}
.contribution-row i {
  border-radius: inherit;
  box-shadow: 0 0 14px color-mix(in srgb, var(--bar, var(--acid)) 24%, transparent);
}
.contribution-row b { color: #eef4f0; font-size: 10px; }
.ranking-explanation .audit-detail { margin-top: 20px; }
.network-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
  margin-top: 18px;
  color: #7f9187;
  font: 8px var(--mono);
}
.network-legend span { display: inline-flex; align-items: center; gap: 6px; }
.network-legend i {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 50%;
  background: #738cff;
  box-shadow: 0 0 8px rgba(115,140,255,.35);
}
.network-legend i.selected { width: 12px; height: 12px; background: #ff5c9b; box-shadow: 0 0 12px rgba(255,92,155,.55); }
.network-legend i.direct { width: 11px; height: 11px; background: #c9fb3c; box-shadow: 0 0 10px rgba(201,251,60,.42); }
.network-legend i.ranked { background: #f2ffae; box-shadow: 0 0 8px rgba(242,255,174,.35); }
.network-legend i.neighbor { background: #4bc6d9; }
#networkMap {
  min-height: 430px;
  margin-top: 8px;
  border: 1px solid rgba(220,241,228,.06);
  background:
    radial-gradient(circle at center, rgba(31,63,48,.72), rgba(8,12,9,.92) 64%),
    #070a08;
}
.network-edge { stroke: #557265; stroke-width: 1.05; opacity: .48; }
.network-edge.direct-edge { stroke: #c9fb3c; stroke-width: 1.9; opacity: .72; }
.network-node {
  stroke: rgba(5,8,6,.9);
  stroke-width: 2.5;
  cursor: pointer;
  transition: opacity .18s ease;
}
.network-node:hover { stroke: #fff; stroke-width: 3.5; }
.network-node.active { stroke: #ffd1e4; stroke-width: 3; }
.network-node.direct { stroke: rgba(233,255,166,.88); }
.network-label {
  fill: #e9f1ec;
  stroke: rgba(5,9,6,.92);
  stroke-width: 3.5px;
  paint-order: stroke;
  font: 9px var(--mono);
  pointer-events: none;
}
.network-label.active { fill: #ffd1e4; font-size: 11px; font-weight: 700; }
.network-panel > p {
  margin-top: 12px;
  color: #819188;
  font: 8px/1.55 var(--mono);
}
.ranking-explanation .selected-action { margin-top: 10px; }

@media (max-width: 1080px) {
  .ranking-explanation .evidence-lab-grid { grid-template-columns: 1fr; }
  .ranking-explanation .evidence-lab-grid > article { min-height: 0; }
  #networkMap { min-height: 480px; }
}

@media (max-width: 700px) {
  .ranking-explanation {
    margin-top: 12px;
    padding: 18px 10px 10px;
    border-radius: 18px;
  }
  .ranking-explanation .residue-inspector-heading { padding: 0 8px; }
  .ranking-explanation .residue-inspector-heading h4 { font-size: 36px; }
  .ranking-explanation .evidence-residue-picker { margin-top: 18px; }
  .ranking-explanation .evidence-lab-grid { padding: 6px; }
  .ranking-explanation .evidence-lab-grid > article { padding: 20px 16px; }
  .contribution-row {
    grid-template-columns: 105px minmax(100px, 1fr) 48px;
    gap: 9px;
    font-size: 8px;
  }
  #networkMap { min-height: 300px; }
  .network-legend { gap: 7px 10px; }
}

/* Structure Brief 4.3 — guided scientific path */
.journey-controller { display: none; }
body.demo-mode.analysis-mode.guide-ready .journey-controller {
  position: fixed;
  z-index: 40;
  left: 50%;
  bottom: 18px;
  width: min(720px, calc(100vw - 32px));
  min-height: 78px;
  display: grid;
  grid-template-columns: 44px 70px minmax(0, 1fr) 150px;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(178,205,190,.28);
  border-radius: 22px;
  background: rgba(10,15,12,.88);
  box-shadow: 0 22px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter: blur(24px) saturate(1.25);
  transform: translateX(-50%);
  animation: journeyArrival .45s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes journeyArrival { from { opacity: 0; transform: translateX(-50%) translateY(14px) scale(.98); } }
body.guide-ready .result-scroll-cue,
body.guide-ready .demo-skip-status { display: none !important; }
.journey-controller button {
  border: 0;
  border-right: 1px solid rgba(178,205,190,.16);
  background: transparent;
  color: #dce7e0;
  cursor: pointer;
}
.journey-controller button:hover { background: rgba(255,255,255,.045); color: #fff; }
.journey-controller button:disabled { opacity: .22; cursor: default; }
.journey-back { font: 16px var(--mono); }
.journey-auto {
  display: grid;
  place-content: center;
  gap: 7px;
  color: #a8b8ae !important;
  font: 7px var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.journey-auto i {
  width: 8px;
  height: 8px;
  justify-self: center;
  border-radius: 50%;
  background: #66756d;
  box-shadow: 0 0 0 4px rgba(102,117,109,.1);
}
.journey-auto[aria-pressed="true"] i { background: #66d7ff; box-shadow: 0 0 13px rgba(102,215,255,.7); }
.journey-controller.is-running .journey-auto i { animation: journeyPulse 1.35s ease-in-out infinite; }
@keyframes journeyPulse { 50% { opacity: .35; transform: scale(.72); } }
.journey-readout {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
  gap: 4px 10px;
  padding: 12px 18px 11px;
}
.journey-readout > span { color: var(--acid); font: 7px var(--mono); letter-spacing: .13em; }
.journey-readout > strong {
  min-width: 0;
  overflow: hidden;
  color: #f1f6f3;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 560;
  letter-spacing: -.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.journey-readout > small {
  grid-column: 1/-1;
  min-width: 0;
  overflow: hidden;
  color: #819188;
  font: 8px var(--mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.journey-progress {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 4px;
  margin-top: 4px;
}
.journey-progress i { height: 2px; border-radius: 2px; background: #29352e; transition: background .28s ease, box-shadow .28s ease; }
.journey-progress i.active { background: var(--acid); box-shadow: 0 0 7px rgba(201,251,60,.32); }
.journey-next {
  border-right: 0 !important;
  border-left: 1px solid rgba(201,251,60,.24) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  background: linear-gradient(120deg, rgba(201,251,60,.13), rgba(201,251,60,.035)) !important;
  color: #edffc0 !important;
  font: 8px/1.35 var(--mono);
  letter-spacing: .06em;
  text-align: left;
  text-transform: uppercase;
}
.journey-next i { font-size: 15px; font-style: normal; }
[data-guide-stop] { scroll-margin-top: 22px; transition: border-color .35s ease, box-shadow .35s ease; }
body.guide-ready [data-guide-stop].guide-active {
  border-color: rgba(201,251,60,.22);
  box-shadow: 0 34px 100px rgba(0,0,0,.28), 0 0 0 1px rgba(201,251,60,.035);
}
body.guide-ready #analysisEnd { margin-bottom: 108px; }

@media (min-width: 1120px) {
  .experiment-spine { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .experiment-spine a,
  .experiment-spine a:nth-child(3n),
  .experiment-spine a:nth-child(-n+3) {
    min-height: 156px;
    padding: 17px 15px;
  }
  .experiment-spine a > strong { font-size: 14px; }
  .experiment-spine .workflow-answer em { font-size: 9px; }
}

.scientific-contract {
  display: block;
  padding: 0;
  background: rgba(9,13,10,.88);
}
.contract-summary {
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  padding: 34px 46px;
  cursor: pointer;
  list-style: none;
}
.contract-summary::-webkit-details-marker { display: none; }
.contract-summary h3 { margin: 10px 0 0; }
.contract-summary > span {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #8f9f96;
  font: 8px var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.contract-summary > span i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(201,251,60,.28);
  border-radius: 50%;
  color: var(--acid);
  font: 17px var(--mono);
  font-style: normal;
  transition: transform .22s ease;
}
.scientific-contract[open] .contract-summary { border-bottom: 1px solid var(--hairline); }
.scientific-contract[open] .contract-summary > span i { transform: rotate(45deg); }
.scientific-contract .contract-grid { padding: 10px 46px 46px; }

.residue-audit > p { max-width: 600px; }
.selected-action-grid > div p { max-width: 42ch; }
.adaptive-cycle-head > div:first-child > p { max-width: 850px; }

@media (max-width: 1119px) {
  .experiment-spine {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    padding-bottom: 7px;
    scroll-snap-type: x proximity;
  }
  .experiment-spine a,
  .experiment-spine a:nth-child(3n),
  .experiment-spine a:nth-child(-n+3),
  .experiment-spine a:nth-child(2n) {
    width: 260px;
    min-width: 260px;
    min-height: 150px;
    flex: 0 0 260px;
    scroll-snap-align: start;
  }
}

@media (max-width: 700px) {
  body.demo-mode.analysis-mode.guide-ready .journey-controller {
    bottom: 8px;
    width: calc(100vw - 16px);
    min-height: 68px;
    grid-template-columns: 38px 48px minmax(0, 1fr) 46px;
    border-radius: 18px;
  }
  .journey-auto span,
  .journey-readout > small,
  .journey-next span { display: none; }
  .journey-readout { padding: 10px 12px; }
  .journey-readout > strong { grid-column: 1/-1; font-size: 12px; }
  .journey-progress { gap: 3px; }
  .journey-next { justify-content: center; padding: 0; }
  .journey-next i { font-size: 17px; }
  .contract-summary { min-height: 124px; padding: 26px 20px; }
  .contract-summary > span { font-size: 0; }
  .scientific-contract .contract-grid { padding: 8px 12px 18px; }
  body.guide-ready #analysisEnd { margin-bottom: 92px; }
}

/* Structure Brief 4.4 — no dead space between guided stages */
body.guide-ready .analysis-status,
body.guide-ready .metric-strip,
body.guide-ready .evidence-lab-head,
body.guide-ready .experiment-spine { display: none; }
body.guide-ready .evidence-lab { padding-top: 18px; }
body.guide-ready .target-director { margin-top: 0; }
.target-director > .lens-picker-wrap {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 150px 1fr;
  align-items: center;
  gap: 8px 20px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--hairline);
  background: rgba(102,215,255,.025);
}
.target-director > .lens-picker-wrap > span {
  grid-row: 1/3;
  align-self: center;
  color: #66d7ff;
}
.target-director > .lens-picker-wrap .lens-picker { margin: 0; }
.target-director > .lens-picker-wrap > small { margin: 0; }
.adaptive-cycle > .lens-context {
  margin: 12px;
  border-radius: 14px;
  background: rgba(201,251,60,.025);
}
.guided-appendix {
  display: grid;
  gap: 12px;
  padding: 14px 14px 0;
}
.guided-appendix:empty { display: none; }
.guided-appendix > * {
  width: 100%;
  margin: 0;
}
.guided-appendix .scientific-contract,
.guided-appendix .atomic-evidence { margin-top: 0; }
.guided-appendix .prior-art-boundary { padding: 4px 0 8px; }
.guided-appendix .calculation-details,
.guided-appendix .design-details { border: 1px solid var(--hairline); border-radius: 14px; }

@media (max-width: 700px) {
  body.guide-ready .evidence-lab { padding-top: 10px; }
  .target-director > .lens-picker-wrap {
    grid-template-columns: 1fr;
    padding: 18px 16px;
  }
  .target-director > .lens-picker-wrap > span { grid-row: auto; }
  .target-director > .lens-picker-wrap .lens-picker {
    display: flex;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .target-director > .lens-picker-wrap .lens-picker button { flex: 0 0 auto; }
  .adaptive-cycle > .lens-context { margin: 8px; }
  .guided-appendix { padding: 8px 8px 0; }
}

.adaptive-cycle.panel-rebuilt .adaptive-table-wrap {
  border-color: rgba(201,251,60,.42);
  box-shadow: 0 0 0 1px rgba(201,251,60,.08), 0 0 34px rgba(201,251,60,.07);
  animation: panelRebuilt 1.2s ease both;
}
@keyframes panelRebuilt { from { transform: translateY(5px); opacity: .72; } }
.adaptive-status.success strong { color: var(--acid); }

/* Structure Brief 4.6 — evidence-first candidate sidebar */
.best-residues {
  padding: 18px 18px 20px;
  background:
    radial-gradient(circle at 50% -12%, rgba(201,251,60,.055), transparent 30%),
    rgba(9,13,10,.97);
  scrollbar-width: thin;
}
.best-residues h3 {
  max-width: 300px;
  margin-top: 9px;
  font-size: clamp(27px,2vw,34px);
  letter-spacing: -.045em;
}
.best-residues .intel-intro > .hud-definition {
  max-width: 39ch;
  margin-top: 12px;
  color: #91a098;
  font-size: 10px;
  line-height: 1.55;
}
.ranked-title {
  align-items: center;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--hairline);
}
.ranked-title span { color: #dfe7e2; }
.ranked-title small { color: #718078; }
#bestResidueRows { margin-top: 8px; }
#bestResidueRows:not(.expanded) .best-residue-row:nth-child(n+6) { display: none; }
.best-residue-row {
  grid-template-columns: 24px minmax(0,1fr) 48px;
  gap: 7px;
  min-height: 58px;
  margin-top: 2px;
  padding: 6px 7px;
  border-radius: 10px;
}
.best-residue-row > span { align-self: start; padding-top: 2px; }
.best-residue-row strong {
  min-width: 0;
  overflow: hidden;
  color: #edf3ef;
  font-size: 11px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.best-residue-row strong em {
  overflow: hidden;
  margin-top: 4px;
  color: #819189;
  font-size: 7px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.residue-evidence {
  width: max-content;
  max-width: 100%;
  display: block;
  overflow: hidden;
  margin-top: 5px;
  color: #66766e;
  font: normal 6px/1 var(--mono);
  letter-spacing: .075em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.residue-evidence.known { color: var(--acid); }
.best-residue-row > small {
  display: grid;
  align-content: start;
  justify-items: end;
  gap: 4px;
  color: #dce5df;
  font-size: 9px;
}
.best-residue-row > small b {
  color: #5f6e66;
  font: 5.5px var(--mono);
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.best-residue-row:hover,
.best-residue-row.active {
  background: linear-gradient(90deg,rgba(201,251,60,.09),rgba(201,251,60,.025));
  transform: none;
}
.ranked-residue-toggle {
  width: 100%;
  min-height: 34px;
  margin-top: 7px;
  border: 1px solid var(--hairline);
  border-radius: 999px;
  background: rgba(255,255,255,.018);
  color: #899890;
  font: 7px var(--mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
}
.ranked-residue-toggle:hover { border-color: rgba(201,251,60,.3); color: #eaffb3; }
.best-boundary {
  margin-top: 11px;
  padding-top: 10px;
  color: #6d7d74;
  font-size: 7px;
  line-height: 1.48;
}
.hud-thesis-action {
  margin: 12px 0 0;
  padding: 12px 13px;
  border: 1px solid rgba(201,251,60,.12);
  border-radius: 12px;
  background: rgba(201,251,60,.035);
  color: #b8c5bd;
  font-size: 9px;
  line-height: 1.5;
}
.intel-cards {
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 8px;
}
.intel-cards article,
.intel-cards article:last-child {
  grid-column: auto;
  min-height: 76px;
  padding: 12px 13px;
  border-radius: 12px;
}
.intel-cards strong { margin-top: 9px; font-size: 15px; }

@media (max-width: 700px) {
  .best-residues { padding: 22px 16px; }
  .best-residues h3 { font-size: 31px; }
  .best-residue-row { min-height: 72px; }
}