.engineering-visual{isolation:isolate;background:radial-gradient(ellipse at 65% 40%,#123359 0%,#0b1b31 45%,#06101f 100%);height:590px;border:1px solid #16314d}
.engineering-visual:after{background:linear-gradient(180deg,transparent 55%,#06101fe8 88%);z-index:1}
.engineering-header,.engineering-kicker,.engineering-readout,.engineering-footer{position:absolute;z-index:2;left:26px;right:26px}
.engineering-header{top:23px;display:flex;align-items:center;justify-content:space-between;color:#8daec8;font:9px/1.4 'Courier New',monospace;letter-spacing:.09em}
.engineering-header i{display:inline-block;width:5px;height:5px;background:#75ccff;margin-right:8px;box-shadow:0 0 10px #4caaff;border-radius:50%}
.engineering-cross{font-size:21px;color:#4d88b6}
.engineering-kicker{top:65px;color:#91adca;font:10px/1.7 'Courier New',monospace;letter-spacing:.09em}
.engineering-kicker strong{display:block;font:500 23px/1.3 Arial,sans-serif;letter-spacing:-.025em;color:#e0edfc;margin-top:4px}
#engineering-canvas,.engineering-fallback{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#engineering-canvas{opacity:0}.engineering-ready #engineering-canvas{opacity:1}.engineering-ready .engineering-fallback{visibility:hidden}
.engineering-readout{bottom:119px;pointer-events:none}
.engineering-readout>span:first-child{display:block;font:9px/1.5 'Courier New',monospace;letter-spacing:.12em;color:#6eb9ff;margin-bottom:9px}
.engineering-readout strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.2;color:#f1f7ff}
.engineering-readout>span:last-child{display:block;font-size:11px;color:#9aafc7;margin-top:7px}
.engineering-footer{bottom:18px}
.engineering-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.engineering-steps button{position:relative;display:flex;align-items:center;gap:9px;padding:13px 0 12px;border:0;border-top:1px solid #28415c;background:none;color:#8cacc9;font-size:12px;text-align:left;transition:color .2s}
.engineering-steps button>span{font:9px 'Courier New',monospace;color:#6284a6}
.engineering-steps button>i{position:absolute;top:-1px;left:0;width:0;height:2px;background:#6bc1ff}
.engineering-steps button[aria-pressed=true]{color:#fff}.engineering-steps button[aria-pressed=true]>i{width:var(--stage-progress,50%)}
.engineering-steps button:hover,.engineering-steps button:hover>span{color:#b1e3ff}
.engineering-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;min-height:20px}
.engineering-meta>span{color:#6786a7;font:8px/1.5 'Courier New',monospace;letter-spacing:.1em}
.engineering-meta button{padding:3px 0 3px 12px;border:0;background:transparent;color:#adc9e8;font-size:10px;white-space:nowrap}
.engineering-visual button:focus-visible{outline:2px solid #89ccff;outline-offset:5px}
@media(max-width:1100px) and (min-width:801px){.hero-visual.engineering-visual{height:550px}.engineering-header,.engineering-kicker,.engineering-readout,.engineering-footer{left:20px;right:20px}.engineering-header{font-size:8px}.engineering-kicker strong{font-size:21px}}
@media(max-width:800px){.hero-visual.engineering-visual{height:540px}.engineering-header,.engineering-kicker,.engineering-readout,.engineering-footer{left:22px;right:22px}}
@media(max-width:400px){.hero-visual.engineering-visual{height:510px}.engineering-header{font-size:8px;letter-spacing:.035em}.engineering-kicker strong{font-size:21px}.engineering-readout strong{font-size:20px}.engineering-readout>span:last-child{font-size:10px}}