/* Дополнения к утверждённому макету: кадры вместо видеопроигрывания. */
:root{--accent:var(--amber);--accent-light:var(--blue);--panel:var(--surface);--panel-deep:#0b141b;--red:#ffad9d;--display:var(--font)}
.departure-frames{position:absolute;left:37%;top:0;width:63%;height:100%;z-index:-3;pointer-events:none}
.departure.frames-ready>.scene-photo{visibility:hidden}
.departure .scene-copy,.launch .scene-copy{padding-bottom:140px}
.console-line{gap:15px}.console-line span,.console-line b{overflow-wrap:anywhere;min-width:0}.console-line b{text-align:right}
.quiz-summary div{overflow-wrap:anywhere}
.telemetry strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.track i{width:var(--assembly-progress,65%)}
.scene-photo,.earth{will-change:transform}
.steps span[data-current]{border-color:var(--blue);color:var(--blue)}
.steps span:first-child:not([data-current]){border-color:#304552;color:var(--steel)}
[hidden]{display:none!important}
.quiz-pane h3:focus{outline:none}
.quiz-input{width:100%;padding:14px 16px;border:1px solid var(--line);background:#0b182080;color:var(--text);font:inherit;border-radius:0;min-width:0}
.quiz-field{display:block;font-size:12px;margin:18px 0;color:var(--muted)}
.quiz-field .quiz-input{display:block;margin-top:9px}
.quiz-error{color:var(--red)!important;min-height:20px;font-size:11px!important;margin:12px 0}
.quiz-input[aria-invalid=true]{border-color:var(--red)}
.quiz-back{background:transparent;border:0;padding:12px 0;color:var(--muted);font-size:12px}
.scanner-action .btn{border-radius:0}
.console-visual{overflow:hidden}
.console-visual:before{border-color:var(--blue);opacity:var(--quiz-ready,.25)}
.quiz-summary{display:grid;gap:12px;margin:24px 0;font-size:12px;color:var(--muted)}
.quiz-summary b{color:var(--text);font-weight:500}
.site-header{position:relative}
.container{width:min(1230px,calc(100% - 96px));margin:auto}
.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-mark{display:none}.brand-name{font-size:20px;font-weight:750;letter-spacing:-.8px}.brand-name span{color:var(--blue)}
.brand-caption{display:block;font:9px var(--mono);color:var(--muted);margin-top:5px}
.glass-panel{background:linear-gradient(125deg,#162936e8,#0e1b25e8);border:1px solid var(--line);box-shadow:0 30px 70px #0003}
.step-label{font:10px var(--mono);letter-spacing:1px;color:var(--blue)}
.btn-outline{background:transparent;color:var(--text);border-color:var(--line)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-tagline{font-size:10px;color:var(--steel);margin-top:8px}
body.htmx-swapping{opacity:.92;transition:opacity .1s}body.htmx-settling{opacity:1;transition:opacity .12s}
@media(max-width:1000px){.departure-frames{left:30%;width:70%}.container{width:calc(100% - 56px)}}
@media(max-width:700px){.departure-frames{left:0;width:100%;height:480px}.container{width:calc(100% - 40px)}.header-inner{height:78px}.brand-caption{font-size:8px}.header-cta{font-size:10px;padding:12px}.footer-inner{display:block}.footer-inner>a{display:block;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.scene-photo,.earth{will-change:auto}body.htmx-swapping,body.htmx-settling{transition:none}}