.outro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
.outro-story{min-width:0}.astra-outro .outro-story h2{font-size:clamp(3.5rem,6.1vw,6.6rem)}.outro-story .eyebrow{max-width:30em;line-height:1.8}.outro-story .hero-actions{gap:22px;flex-wrap:wrap}
.discovery-window{min-width:0;border:1px solid #426371;background:linear-gradient(155deg,#102935e8,#081823f5);box-shadow:0 24px 70px #0003;position:relative;padding:25px 26px 19px;color:#e1eff1}
.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.discovery-heading .eyebrow{font-size:.75rem;letter-spacing:.15em;margin:0 0 8px;color:#9fdddd}.discovery-heading h3{font-size:clamp(1.3rem,1.7vw,1.65rem);font-weight:450;letter-spacing:-.035em;line-height:1.35;margin:0}.discovery-sigil{font-size:2.1rem;font-weight:400;color:#a8eeed}
.discovery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:0;border:0;border-bottom:1px solid #3e5966}.discovery-tabs label{min-width:0;position:relative;cursor:pointer}.discovery-tabs input{position:absolute;opacity:0;width:1px;height:1px}.discovery-tabs label span{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 5px;font-size:.875rem;line-height:1.3;min-height:47px;border-bottom:2px solid transparent;color:#9fb7c2;transition:color .15s,background .15s}.discovery-tabs input:checked+span{color:#c5fcf3;border-bottom-color:#a7f0dc;background:#17384266}.discovery-tabs input:focus-visible+span{outline:2px solid #b4ffef;outline-offset:-3px}.discovery-tabs:disabled label{cursor:default;opacity:.7}
.discovery-stage{position:relative;isolation:isolate;margin:0 -26px;height:310px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#173b4855,transparent 68%)}.discovery-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#5377810d 1px,transparent 1px),linear-gradient(90deg,#5377810d 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:-1}.discovery-stage canvas,.discovery-stage svg{display:block;width:100%;height:100%}.discovery-stage-top{position:absolute;inset:17px 26px auto;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font:11px/1.4 Consolas,monospace;letter-spacing:.08em;color:#9db9c5}.discovery-view-label{text-align:right}.discovery-stage figcaption{position:absolute;bottom:12px;left:26px;right:26px;display:flex;justify-content:center;gap:18px;color:#a4bdc9;font-size:.75rem;line-height:1.5;pointer-events:none}.legend-dna{color:#a9c8ff}.legend-actin{color:#9ce4c4}.height-legend{display:inline-flex;align-items:center;gap:10px}.height-legend i{display:inline-block;width:80px;height:5px;background:linear-gradient(90deg,#225b80,#71c7b0,#f2cf91)}
.discovery-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:62px;border-top:1px solid #34515d;padding-top:12px}.discovery-control{flex:1;min-width:0;max-width:310px}.discovery-control label{display:flex;justify-content:space-between;gap:15px;font-size:.875rem;line-height:1.4;color:#acc7d1;margin-bottom:6px}.discovery-control output{font-variant-numeric:tabular-nums;color:#c8f4e7}.discovery-control select{display:block;width:100%;border:1px solid #3d6170;border-radius:4px;background:#102c3a;color:#deedf1;padding:8px 26px 8px 10px;font:inherit;font-size:.875rem}.discovery-control input[type=range]{display:block;width:100%;margin:0;accent-color:#a7eed7;min-height:25px;cursor:pointer}.discovery-motion{flex-shrink:0;padding:9px 0 9px 12px;background:none;border:0;color:#c6e8e3;font-size:.875rem;line-height:1.4;max-width:100px;text-align:right;cursor:pointer}.discovery-motion:before{content:'▷';margin-right:7px}.discovery-motion[aria-pressed=true]:before{content:'Ⅱ'}.discovery-window button:disabled{opacity:.5;cursor:default}.discovery-window :is(button,select,a,input):focus-visible{outline:2px solid #b5ffe5;outline-offset:4px}
.discovery-copy{margin-top:21px;min-height:94px}.discovery-copy p{margin:0;font-size:1rem;line-height:1.6}.discovery-copy #discovery-question{color:#e1f1ed;font-weight:500;letter-spacing:-.01em;margin-bottom:6px}.discovery-copy #discovery-explanation{font-size:.875rem;color:#a9c0ca}.discovery-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:17px}.discovery-footer .text-link{color:#adf0df;font-size:.9rem}.discovery-footer button{background:none;color:#a0beca;border:0;font-size:.8125rem;padding:8px 0 8px 8px;white-space:nowrap;cursor:pointer}.discovery-footer a:hover,.discovery-footer button:hover{color:#fff}.discovery-disclosure{font-size:.75rem;line-height:1.5;color:#88a6b5;margin:16px 0 0;min-height:1.5em}.discovery-status{font-size:.8125rem;color:#efc88e;line-height:1.5;margin:8px 0 0}.discovery-status:empty{display:none}
@media(max-width:1000px){.outro-grid{grid-template-columns:1fr;gap:45px}.discovery-window{max-width:640px;width:100%;justify-self:end}.astra-outro .outro-story h2{font-size:clamp(3.5rem,9vw,5.8rem)}.outro-story .hero-actions{margin-top:28px}.outro-note{margin-top:24px}}
@media(max-width:520px){.discovery-window{padding:22px 18px 18px}.discovery-stage{margin-inline:-18px;height:290px}.discovery-stage-top{left:18px;right:18px;font-size:10px}.discovery-stage figcaption{left:18px;right:18px;gap:12px}.discovery-heading{gap:12px;margin-bottom:15px}.discovery-heading h3{font-size:1.3rem}.discovery-heading .eyebrow{font-size:.7rem;letter-spacing:.1em}.discovery-tabs label span{font-size:.8125rem;padding-inline:3px;min-height:50px}.discovery-controls{gap:13px}.discovery-control label,.discovery-control select{font-size:.8125rem}.discovery-motion{font-size:.8125rem;max-width:86px}.discovery-copy{min-height:116px}.discovery-copy p{font-size:.9375rem}.discovery-footer .text-link{font-size:.875rem}.discovery-disclosure{min-height:3em}.outro-grid{gap:35px}}
@media(prefers-reduced-motion:reduce){.discovery-tabs label span{transition:none}}
.discovery-stage-top{font-size:12px;letter-spacing:.045em}.discovery-footer button{font-size:.875rem}
@media(max-width:520px){.discovery-heading .eyebrow{font-size:.75rem;letter-spacing:.08em}.discovery-tabs label span,.discovery-control label,.discovery-control select,.discovery-motion{font-size:.875rem}}