.black-hole-selected .lab-stage{height: min(76vh,780px);min-height:510px;aspect-ratio:auto}
.black-hole-selected .lab-stage>canvas,.black-hole-selected .lab-overlay,.black-hole-selected .lab-prompt,.black-hole-selected .lab-controls label,.black-hole-selected #timing{display:none!important}
#black-hole-host{position:absolute;inset:0;background:#080908}
#black-hole-host iframe{width:100%;height:100%;border:0;display:block}
.black-hole-start{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px}
.black-hole-start span,.black-hole-start small{font:11px monospace;letter-spacing:.08em;color:#a6a69d}
.black-hole-start p{font:400 clamp(22px,3vw,42px)/1.15 monospace;text-transform:uppercase;letter-spacing:0;color:#f2f0e9;margin:25px 0}
.lab-readout a{color:inherit}
.compute-lab .lab-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;gap:18px}
.compute-lab .lab-controls>#run-demo{grid-column:2;grid-row:1}
.compute-lab .lab-controls>label{grid-column:3;grid-row:1;justify-self:start}
.compute-lab .lab-controls output{grid-column:1/-1;text-align:center;margin:0}
.compute-lab #run-demo{padding:16px 30px;background:#f2f0e9;color:#101110;border:1px solid #f2f0e9;font:700 12px monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.compute-lab #run-demo:hover{background:#e61c1b;border-color:#e61c1b;color:#f2f0e9}
.compute-lab.simulation-ready .lab-stage>#run-demo{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;box-shadow:0 0 0 12px #101110c9}
.simulation-ready:not(.black-hole-selected) .lab-stage>canvas{opacity:.35}
.simulation-ready.black-hole-selected .black-hole-start{padding-bottom:170px}
.simulation-ready.black-hole-selected .lab-stage>#run-demo{top:calc(50% + 55px)}
.simulation-ready .black-hole-start small{display:block;max-width:560px;font:12px/1.6 monospace;letter-spacing:0;color:#a6a69d;text-transform:uppercase}
.simulation-heading{position:absolute;top:26px;left:3.1%;right:3.1%;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:8px;font-family:monospace;text-transform:uppercase}
.simulation-heading strong{font-size:clamp(18px,2.2vw,32px);font-weight:400;line-height:1.15;color:#f2f0e9;letter-spacing:0}
.simulation-heading span{font-size:clamp(10px,1.35vw,18px);line-height:1.4;color:#a6a69d;letter-spacing:0}
.black-hole-selected:not(.simulation-ready) .simulation-heading{display:none}
.compute-lab .lab-tabs button{text-transform:uppercase;font-family:monospace}
@media(max-width:650px){.simulation-heading{top:20px;gap:6px}.simulation-heading strong{font-size:17px}.simulation-heading span{font-size:9px}.simulation-ready .black-hole-start small{font-size:11px}}
@media(max-width:650px){.compute-lab .lab-controls{grid-template-columns:1fr}.compute-lab .lab-controls>#run-demo{grid-column:1;justify-self:center}.compute-lab .lab-controls>label{grid-column:1;grid-row:2;justify-self:center}}
@media(max-width:600px){.black-hole-selected .lab-stage{height:650px;min-height:0}.lab-readout{gap:12px;flex-wrap:wrap}}

.compute-lab #demo-title{display:none}.compute-lab .lab-overlay{justify-content:flex-end}
.use-cases-chapter .live-intro{position:relative;isolation:isolate}
.use-cases-chapter .live-intro::after{content:'';position:absolute;z-index:-1;pointer-events:none;right:0;top:20px;bottom:-12px;width:49%;background:url('/compute-silicon.svg') 58% 50%/cover no-repeat;opacity:.26;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 82%,transparent),linear-gradient(0deg,transparent,#000 24%,#000 76%,transparent);mask-composite:intersect}
@media(max-width:700px){.use-cases-chapter .live-intro::after{width:53%;top:38px;bottom:0;opacity:.17;background-position:35% center}}
.simulation-credit{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:0;font:10px/1.4 monospace;color:#a6a69d;text-decoration:none;text-transform:none;pointer-events:auto}.simulation-credit[hidden]{display:none}.simulation-credit svg{width:14px;height:14px;flex:none}.simulation-credit .swift-icon{width:18px;height:18px}.simulation-credit:hover{color:#f2f0e9}.simulation-credit:focus-visible{outline:1px solid #e61c1b;outline-offset:5px}
.lab-stage>.simulation-credit{position:absolute;top:20px;right:3.1%;z-index:6;padding:5px 7px;background:#101110d9;color:#f2f0e9}
.black-hole-selected:not(.simulation-ready) #black-hole-host{top:48px}
@media(max-width:650px){.compute-lab[data-simulation="molecule"] .lab-overlay{top:40px}}
.compute-lab .lab-overlay{top:58px}
@media(max-width:650px){.lab-stage>.simulation-credit{top:12px;font-size:9px}.simulation-heading{top:56px}.compute-lab .lab-overlay{top:110px}}
.compute-lab[data-simulation="molecule"] .lab-controls label,
.compute-lab[data-simulation="neural"] .lab-controls label { display: none; }
