.dark,:root{--ink:#0B1E30;--deep-environment:#102941;--elevated-navy:#143450;--instrument-navy:#173B5A;--data-quiet:#CBD2CF;--rule-dark:rgba(222,232,228,.28)}body,html{background:var(--ink)}.app-shell{background:transparent}.footer,.hero,.lab-section{background:rgba(11,30,48,.76)}.algorithm-compare-strip,.circuit-panel,.control-rail,.dark-algorithm-surface,.execution-panel,.hero-instrument,.hero:after,.quantum-tutor,.simulation-lab,.visual-bench{background:rgba(16,41,65,.82)}.algorithm-circuit-frame,.algorithm-timeline,.algorithm-visual-surface,.explanation-panel,.hero-readout,.hybrid-loop,.inspector-metrics div,.learning-panel,.measurement-panel,.noise-console,.resource-console,.shor-pipeline,.shots-console,.simulation-evidence,.tutor-controls,.tutor-input input,.tutor-message code{background:var(--elevated-navy)}.convergence-chart,.evidence-grid article,.hybrid-flow span,.resource-grid div,.step-track i{background:var(--instrument-navy)}.topbar{background:var(--bone)}.brand-lockup{min-width:354px;gap:13px}.brand-supplied-icon{box-sizing:border-box;width:56px;height:56px;flex:0 0 auto;padding:2px;object-fit:contain;border:2px solid #b8924a;background:#fff}.brand-title-block{min-width:0}.brand-name{margin:0;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:13px;line-height:1.08;letter-spacing:.08em;font-weight:700;white-space:nowrap}.brand-system-line{margin-top:7px;color:var(--slate);font:500 8px/1.1 DM Mono,monospace;letter-spacing:.095em;white-space:nowrap}@media (min-width:1181px){.topbar{display:grid;grid-template-columns:minmax(354px,370px) minmax(0,1fr) max-content;column-gap:clamp(24px,2.4vw,44px);justify-content:normal}.topnav{width:100%;justify-content:stretch}.topnav button{min-width:0;flex:1 1 0;padding-inline:clamp(6px,.68vw,10px)}}.hero{min-height:650px}.hero:after{background:var(--deep-environment)}.hero h1{max-width:580px;color:var(--bone);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(57px,6.1vw,88px);font-weight:400;line-height:.87;letter-spacing:-.055em}.hero h1 em{display:block;color:var(--gold-light);font-style:italic;font-weight:400;text-decoration:none}.hero p{color:#E0DED8}.hero-grid{opacity:.2}.hero-instrument{border-color:rgba(242,239,233,.47)}.instrument-vector-zone{border-color:rgba(242,239,233,.3)}.hero-readout{border-left-color:var(--gold-light)}.primary-action{background:var(--bone);color:var(--ink)}.primary-action:hover{background:var(--gold-light)}.secondary-action{border-color:rgba(242,239,233,.6);color:var(--bone)}.algorithm-select.active{background:var(--elevated-navy)}.algorithm-gate,.algorithm-gate.cnot,.algorithm-gate.phase{color:var(--ink);background:var(--bone);box-shadow:none}.algorithm-gate.cnot,.control-point{background:var(--gold-light)}.algorithm-gate.phase{color:var(--bone);background:var(--slate)}.control-point{box-shadow:none}.algorithm-wire-cell.passed:before,.step-track button.passed:before,.vertical-link{background:var(--matrix-gold)}.algorithm-wire-cell.current:after{border-color:var(--gold-light);box-shadow:none}.step-track button.passed i{border-color:var(--matrix-gold)}.step-track button.active i{border-color:var(--gold-light);background:var(--gold-light);box-shadow:none}.parameter-group button:hover,.parameter-random:hover,.timeline-controls>button:hover:not(:disabled){color:var(--bone);border-color:var(--gold-light)}.parameter-group button.selected,.speed-buttons button.selected,.timeline-controls .timeline-play{color:var(--ink);border-color:var(--gold-light);background:var(--gold-light)}.quantum-orbit-object{background:var(--instrument-navy);box-shadow:none}.spectral-field{display:none}.algorithm-evolution-line{stroke:var(--gold-light);filter:none}.algorithm-visual-surface .algorithm-point-active circle:last-of-type{fill:var(--bone);stroke:var(--gold-light)}.noise-toggle.active{color:var(--ink);border-color:var(--gold-light)}.distribution-bars i.noisy b,.distribution-key span:nth-child(2) i,.noise-toggle.active{background:var(--gold-light)}.noisy-evidence.active{border-color:rgba(212,177,108,.68);background:rgba(212,177,108,.08)}.convergence-chart polyline{stroke:var(--gold-light)}.convergence-chart circle,.convergence-chart circle:last-child{fill:var(--gold-light)}.shor-pipeline article.quantum{background:var(--instrument-navy)}.shor-pipeline article.quantum>span{color:var(--gold-light)}.matrix-number-field{position:fixed;z-index:0;inset:74px 0 0;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,rgba(11,30,48,.02),transparent 17%,transparent 83%,rgba(11,30,48,.02))}.matrix-digit-stream{position:absolute;top:-240px;display:flex;flex-direction:column;gap:8px;color:var(--stream-hue)!important;font:500 13px/1 DM Mono,monospace;text-shadow:0 0 8px color-mix(in srgb,var(--stream-hue) 26%,transparent);transform:scale(var(--stream-scale));transform-origin:top;animation:matrix-fall var(--stream-duration) linear var(--stream-delay) infinite}.matrix-digit-stream i{display:block;font-style:normal}.matrix-digit-stream i:nth-child(5n){color:#E6C878;opacity:.98}.matrix-digit-stream i:nth-child(3n){opacity:.68}.matrix-digit-stream i:nth-child(7n){opacity:.45}.app-shell>:not(.matrix-number-field){position:relative;z-index:1}.topbar{z-index:3}@keyframes matrix-fall{0%{translate:0 -8vh}to{translate:0 calc(100vh + 260px)}}@media (prefers-reduced-motion:reduce){.matrix-digit-stream{animation:none;opacity:.58!important}}@media (max-width:810px){.brand-lockup{min-width:0;gap:9px}.brand-supplied-icon{width:42px;height:42px;padding:2px}.brand-name{font-size:10px;letter-spacing:.065em}.brand-system-line{margin-top:5px;font-size:6.5px;letter-spacing:.075em}.hero h1{max-width:370px;font-size:clamp(56px,15vw,72px)}.matrix-number-field{inset:73px 0 0}.matrix-digit-stream{font-size:10px;opacity:.34!important}}