/* SO v32: commercial readiness and honest browser-local execution demo */
.introBand{max-width:1520px;margin:0 auto;width:100%;min-height:176px;padding:31px 34px 32px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:#fff}
.hero.hero--wide{background:#fff!important}
.introBand>div:first-child{max-width:920px}
.introBand .eyebrow{font-size:10px}
.introBand h1{font-size:clamp(33px,3.3vw,53px);letter-spacing:-.065em;line-height:1.09;margin:9px 0 11px;color:#161b21}
.introBand h1 em{font-style:normal;color:#8b273a}
.introBand p{max-width:850px;margin:0;font-size:14px;line-height:1.6;color:#545d66}
.introBand p strong{font-weight:650;color:#363f48}
.introActions{display:flex;flex:0 0 auto;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.introActions .btn{font-size:12px;padding:11px 14px}
.consentBox{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#37414b;line-height:1.6;margin:16px 0}
.consentBox input{width:18px;height:18px;margin-top:3px;flex:none}
.consentBox a,.supportPage a{color:#85283b;text-decoration:underline;text-underline-offset:2px}
.honey{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px;height:1px;pointer-events:none}
.confirmText[data-status=success]{color:#145b40;font-weight:650}
.confirmText[data-status=error]{color:#a11a34;font-weight:650}
footer a{text-decoration:none;color:#7a3c49}
footer a:hover{text-decoration:underline}
.orchestrationSection{background:#fff;padding:100px 34px;border-bottom:1px solid #e7e4e5}
.orchestrationGrid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);gap:16px;margin-top:32px}
.orchestraPanel,.orchestraDetail{background:#fff;border:1px solid #e1dce0;border-radius:12px;overflow:hidden}
.orchestraTop{display:flex;justify-content:space-between;gap:12px;padding:21px 24px;background:#191e25;color:#eef1f2;font:740 11px ui-monospace,monospace}
.orchestraTop span:last-child{color:#e3b0bc}
.orchestraFlow{padding:33px 28px 25px;min-height:345px;display:grid;gap:11px;background:radial-gradient(circle at 1px 1px,#dce0e4 .85px,transparent 1.1px) 0 0 / 21px 21px,#fafafa}
.taskRow{display:flex;align-items:center;gap:13px;position:relative;flex-wrap:wrap}
.taskRow:not(:last-child):after{content:"↓";position:absolute;left:23px;bottom:-15px;color:#9da8b1;font:700 13px ui-monospace,monospace}
.taskBtn{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;min-width:245px;border-radius:7px;border:1px solid #c8cdd3;background:#fff;color:#27313a;padding:13px 15px;box-shadow:0 4px 16px #2130440a}
.taskBtn:hover,.taskBtn.selected{border-color:#8b2c3e;background:#faf0f2}
.taskBtn b{font-size:12px;font-weight:720}
.taskBtn em{font:730 10px ui-monospace,monospace;font-style:normal;color:#8a929c}
.taskBtn[data-status=pass]{border-color:#95bca7;background:#f3faf6}
.taskBtn[data-status=failed]{border-color:#db92a0;background:#fff1f3}
.taskBtn[data-status=blocked]{border-color:#e7c9ac;background:#fef9f3}
.taskBtn[data-status=pass] em{color:#156a47}
.taskBtn[data-status=failed] em{color:#ab2542}
.taskBtn[data-status=blocked] em{color:#a66d29}
.orchestraActions{display:flex;flex-wrap:wrap;gap:8px;padding:18px 21px 10px}
.orchestraActions .btn{font-size:12px;min-height:42px;padding:10px 13px}
.orchestraPanel .disclosure{padding:0 22px 18px;margin:4px 0;color:#58616a;font-size:11px}
.orchestraDetail{padding:30px;display:flex;flex-direction:column;min-height:440px}
.orchestraDetail h3{font-size:clamp(25px,2.3vw,37px);letter-spacing:-.06em;margin:19px 0 10px}
.orchestraDetail p{color:#4c5863;font-size:14px;line-height:1.65}
.orchestraDetail pre{margin:25px 0 19px;white-space:pre-wrap;overflow-wrap:anywhere;background:#1b2028;color:#f1f3f6;padding:25px 20px;border-radius:8px;flex:1;min-height:160px;font:650 12px/1.9 ui-monospace,monospace}
.orResult{font:710 11px ui-monospace,monospace;color:#545f69}
.orReceipt{background:#f8f6f6;border:1px solid #e8dcdf;border-radius:8px;padding:19px 22px;margin-top:15px;line-height:1.6;color:#4d555e;font-size:12px}
.orReceipt code{color:#792b3a;font-weight:700}
.supportPage{min-height:calc(100vh - 74px);max-width:1400px;margin:0 auto;padding:78px 34px 100px}
.supportPage h1{font-size:clamp(42px,4.6vw,65px);letter-spacing:-.065em;line-height:1.08;margin:14px 0}
.supportPage p,.supportPage li{font-size:15px;line-height:1.75;color:#48535c}
.supportPage .supportIntro{max-width:780px;margin-bottom:32px}
.supportGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;margin-top:35px}
.supportCard{padding:31px;border:1px solid #e2dce0;background:#fff;border-radius:10px}
.supportCard h2{font-size:26px;letter-spacing:-.045em;margin:2px 0 15px}
.supportForm{display:grid;gap:12px}
.supportForm label{font-size:13px;font-weight:700;color:#323b44}
.supportForm input:not([type=checkbox]),.supportForm textarea,.supportForm select{display:block;margin-top:6px;border:1px solid #bcc5ce;padding:12px;border-radius:6px;width:100%;font-size:14px}
.supportForm textarea{min-height:120px;resize:vertical}
.supportPage .policyBlock{max-width:830px;padding:20px 0;border-bottom:1px solid #e4e1e4}
.policyBlock h2{font-size:24px;letter-spacing:-.04em;margin:0 0 10px}
.supportPage .supportCheck{display:flex;align-items:flex-start;gap:10px;font-weight:450}
.supportPage .supportCheck input{width:18px;height:18px;flex:none;margin-top:5px}
@media(max-width:1170px){.introBand{display:block}.introActions{margin-top:19px;justify-content:flex-start}}
@media(max-width:850px){.orchestrationGrid,.supportGrid{grid-template-columns:1fr}.orchestraDetail{min-height:380px}.orchestrationSection{padding:68px 22px}.introBand{padding:25px 22px}.introBand h1{font-size:39px}.supportPage{padding:55px 22px}}
@media(max-width:650px){.introBand h1{font-size:36px}.introBand{padding:23px 18px}.introBand p{font-size:13px}.introActions .btn{font-size:11px}.orchestrationSection{padding:59px 17px}.orchestraFlow{padding:22px 16px}.taskBtn{min-width:min(100%,290px)}.orchestraDetail{padding:20px}.orchestraActions{padding:15px;gap:8px}.orchestraActions .btn{font-size:11px}.supportPage{padding:46px 18px}.supportCard{padding:20px}.supportPage h1{font-size:39px}}

/* Accessible metadata & investigated test outcomes */
.microProof,.monoTag,.workflowDisclaimer,.workflowStageFoot,.mosaicFooter p,.maturityRows span,.evidenceTop,.evidenceTop span:last-child,.tinyContext,.proofDetails p,.detailType,.relationList li span,.detailSubheading,.disclosure{color:#545d65}
.testViz p{color:#d3dce2}
.evidenceTop span:last-child{color:#5c626a}
.stateText.review{color:#7a3a47;background:#fdf1f2;border-color:#ead0d6}

/* Contrast pass: small metadata remains readable on its actual background. */
.workflowTab small,.workflowTab span{color:#555d66}
.workflowTab.is-active small{color:#812638}
.artifactBottom{color:#d2dee6}
.artifactTop span:last-child{color:#d0d8df}
.graphLegend,.orchestraPanel .disclosure{color:#4e5964}
.orchestraFlow .taskBtn em{color:#505c67}

.introBand .heroScope{display:inline-block;margin-top:10px;font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.035em;color:#585d65}

/* Only one visual hero: the native full-width HTML film. Screen reader / SEO H1 remains semantic. */
.screenReaderOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}