:root {
  --bg: #050711;
  --surface: #090e1a;
  --panel: #0b1220;
  --panel-2: #101b2c;
  --line: #22324d;
  --line-soft: #15243a;
  --text: #f4fbff;
  --muted: #8ea5b9;
  --blue: #39e8c6;
  --cyan: #8bffe7;
  --green: #c8ff55;
  --yellow: #ffd449;
  --magenta: #ff48c4;
  --violet: #7967ff;
  --red: #ff657a;
}

body.mission-cyber {
  position: relative;
  background:
    radial-gradient(circle at 12% 4%, rgba(57, 232, 198, .17), transparent 29rem),
    radial-gradient(circle at 88% 18%, rgba(121, 103, 255, .14), transparent 34rem),
    linear-gradient(180deg, #050711 0, #060a13 45%, #03060c 100%);
}

body.mission-cyber::before {
  position: fixed;
  z-index: 90;
  inset: 0;
  opacity: .16;
  background: repeating-linear-gradient(180deg, transparent 0 3px, rgba(114, 230, 255, .045) 4px);
  content: "";
  pointer-events: none;
}

body.mission-cyber::after {
  position: fixed;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(57, 232, 198, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57, 232, 198, .025) 1px, transparent 1px);
  background-size: 72px 72px;
  content: "";
  pointer-events: none;
}

.mission-cyber .site-header {
  height: 76px;
  border-bottom-color: rgba(57, 232, 198, .25);
  background: rgba(4, 7, 16, .88);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .3), inset 0 -1px rgba(255, 72, 196, .12);
}

.mission-cyber .site-header::after {
  position: absolute;
  right: max(20px, calc((100vw - 1240px) / 2));
  bottom: -2px;
  width: 128px;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--magenta), var(--yellow));
  box-shadow: 0 0 18px var(--magenta);
  content: "";
}

.mission-cyber .brand > span:first-child {
  position: relative;
  border-color: rgba(57, 232, 198, .78);
  border-radius: 4px 13px 4px 13px;
  background: rgba(57, 232, 198, .045);
  box-shadow: 0 0 24px rgba(57, 232, 198, .18), inset 0 0 20px rgba(121, 103, 255, .1);
}

.mission-cyber .brand > span:first-child::after {
  position: absolute;
  right: -4px;
  bottom: 5px;
  width: 7px;
  height: 7px;
  background: var(--yellow);
  box-shadow: 0 0 10px var(--yellow);
  content: "";
}

.mission-cyber .brand strong { color: #f6fffd; text-shadow: 0 0 12px rgba(57, 232, 198, .18); }
.mission-cyber .brand small { color: var(--cyan); }
.mission-cyber .site-header nav { color: #91a9bb; }
.mission-cyber .site-header nav a { position: relative; }
.mission-cyber .site-header nav a::after {
  position: absolute;
  right: 50%;
  bottom: -10px;
  left: 50%;
  height: 2px;
  background: var(--cyan);
  box-shadow: 0 0 10px var(--cyan);
  content: "";
  transition: right .2s ease, left .2s ease;
}
.mission-cyber .site-header nav a:hover::after,
.mission-cyber .site-header nav a:focus-visible::after { right: 0; left: 0; }

.mission-cyber .language-switch {
  border-radius: 3px 10px 3px 10px;
  background: #080d18;
}
.mission-cyber .language-switch button { border-radius: 2px 7px 2px 7px; }
.mission-cyber .language-switch button[aria-pressed=true] {
  color: #07110f;
  background: var(--cyan);
  box-shadow: 0 0 14px rgba(57, 232, 198, .22);
}

.mission-cyber .header-cta,
.mission-cyber .button,
.mission-cyber .form-row button:not(.text-button),
.mission-cyber .draft-actions button:not(.text-button),
.mission-cyber .learning-panel > button,
.mission-cyber .backup-actions button:not(.danger-button),
.mission-cyber .import-button,
.mission-cyber .login-panel button,
.mission-cyber .run-row button,
.mission-cyber .timer-actions button,
.mission-cyber .finish-actions > button:first-child {
  border-radius: 0;
  color: #04110e;
  background: linear-gradient(100deg, #39e8c6, #8bffe7);
  box-shadow: 5px 5px 0 rgba(121, 103, 255, .42), 0 0 22px rgba(57, 232, 198, .14);
  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
}

.mission-cyber .header-cta:hover,
.mission-cyber .button:hover,
.mission-cyber .form-row button:not(.text-button):hover,
.mission-cyber .draft-actions button:not(.text-button):hover,
.mission-cyber .learning-panel > button:hover,
.mission-cyber .backup-actions button:not(.danger-button):hover,
.mission-cyber .import-button:hover,
.mission-cyber .login-panel button:hover,
.mission-cyber .run-row button:hover,
.mission-cyber .timer-actions button:hover,
.mission-cyber .finish-actions > button:first-child:hover {
  filter: saturate(1.2) brightness(1.06);
  box-shadow: 3px 3px 0 rgba(255, 72, 196, .55), 0 0 28px rgba(57, 232, 198, .25);
}

/* Lightweight adaptation of the supplied liquid-metal reference. The factory
   energy follows the pointer without adding a WebGL runtime to every page. */
.mission-cyber .energy-button {
  --energy-x: 50%;
  --energy-y: 50%;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, filter .18s ease;
  will-change: transform;
}

.mission-cyber .energy-button::before {
  position: absolute;
  z-index: 0;
  inset: -2px;
  opacity: .62;
  background:
    radial-gradient(circle at var(--energy-x) var(--energy-y), rgba(255, 255, 255, .96) 0 3%, rgba(255, 255, 255, .32) 10%, transparent 30%),
    linear-gradient(108deg, transparent 0 22%, rgba(255, 255, 255, .08) 34%, rgba(255, 255, 255, .78) 47%, rgba(255, 72, 196, .22) 55%, transparent 70%);
  background-position: center, 130% center;
  background-size: 100% 100%, 260% 100%;
  content: "";
  pointer-events: none;
  animation: energy-flow 3.8s cubic-bezier(.45, 0, .55, 1) infinite;
  mix-blend-mode: soft-light;
}

.mission-cyber .energy-button::after {
  position: absolute;
  z-index: 0;
  inset: 1px;
  border: 1px solid rgba(255, 255, 255, .3);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 42%),
    repeating-linear-gradient(90deg, transparent 0 13px, rgba(4, 17, 14, .055) 14px);
  clip-path: inherit;
  content: "";
  pointer-events: none;
}

.mission-cyber .energy-button > :not(.energy-ripple) {
  position: relative;
  z-index: 2;
}

.mission-cyber .energy-button:hover,
.mission-cyber .energy-button:focus-visible {
  transform: translate3d(0, -2px, 0);
}

.mission-cyber .energy-button:active {
  transform: translate3d(2px, 2px, 0) scale(.985);
  box-shadow: 1px 1px 0 rgba(255, 72, 196, .45), 0 0 18px rgba(57, 232, 198, .22);
}

.mission-cyber .energy-ripple {
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(circle, rgba(255, 255, 255, .72) 0, rgba(57, 232, 198, .42) 18%, rgba(121, 103, 255, .2) 38%, transparent 68%);
  pointer-events: none;
  animation: energy-pulse .68s cubic-bezier(.16, 1, .3, 1);
  mix-blend-mode: screen;
}

.mission-cyber .hero {
  min-height: 735px;
  border-color: rgba(57, 232, 198, .2);
  background:
    linear-gradient(90deg, rgba(5, 8, 17, .96), rgba(7, 11, 23, .88) 55%, rgba(10, 16, 31, .94)),
    linear-gradient(135deg, rgba(57, 232, 198, .08), transparent 40%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 38px), calc(100% - 38px) 100%, 0 100%);
  isolation: isolate;
}

.factory-backdrop {
  position: absolute;
  z-index: 0;
  inset: -3%;
  background-image: url('/mission-factory-hero.webp');
  background-position: center;
  background-size: cover;
  transform: translate3d(var(--factory-x, 0), var(--factory-y, 0), 0) scale(1.06);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1);
  will-change: transform;
}

.factory-backdrop::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 7, 17, .98) 0%, rgba(5, 7, 17, .9) 34%, rgba(5, 7, 17, .42) 63%, rgba(5, 7, 17, .22) 100%),
    linear-gradient(180deg, rgba(5, 7, 17, .28), rgba(5, 7, 17, .12) 58%, rgba(5, 7, 17, .78));
  content: "";
}

.mission-cyber .hero::before {
  position: absolute;
  z-index: 1;
  right: -8%;
  bottom: -21%;
  width: 72%;
  height: 62%;
  transform: perspective(420px) rotateX(62deg);
  transform-origin: bottom;
  background-image:
    linear-gradient(rgba(57, 232, 198, .24) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57, 232, 198, .24) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, transparent, #000 28%, #000);
  content: "";
}

.mission-cyber .hero::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 9%;
  width: 22%;
  height: 9px;
  background: linear-gradient(90deg, var(--yellow) 0 64%, var(--magenta) 64% 78%, var(--cyan) 78%);
  content: "";
}

.mission-cyber .hero-grid {
  z-index: 1;
  opacity: .52;
  background-image:
    linear-gradient(rgba(121, 103, 255, .1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(121, 103, 255, .1) 1px, transparent 1px),
    linear-gradient(135deg, transparent 47%, rgba(255, 72, 196, .16) 48% 49%, transparent 50%);
  background-size: 64px 64px, 64px 64px, 220px 220px;
  mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, .25));
}

.cyber-atmosphere { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.cyber-atmosphere i { position: absolute; display: block; background: var(--cyan); box-shadow: 0 0 18px rgba(57, 232, 198, .7); }
.cyber-atmosphere i:nth-child(1) { top: 22%; right: 2%; width: 21%; height: 1px; }
.cyber-atmosphere i:nth-child(2) { top: 23%; right: 23%; width: 1px; height: 20%; background: var(--magenta); }
.cyber-atmosphere i:nth-child(3) { right: 7%; bottom: 17%; width: 9px; height: 9px; background: var(--yellow); }
.cyber-atmosphere span,
.cyber-atmosphere b {
  position: absolute;
  color: rgba(139, 255, 231, .45);
  font: 700 7px var(--mono);
  letter-spacing: .15em;
  writing-mode: vertical-rl;
}
.cyber-atmosphere span { top: 28%; right: 24px; }
.cyber-atmosphere b { bottom: 17%; left: 17px; transform: rotate(180deg); }

.mission-cyber .eyebrow,
.mission-cyber .kicker {
  color: var(--cyan);
  text-shadow: 0 0 14px rgba(57, 232, 198, .35);
}
.mission-cyber .eyebrow { display: flex; align-items: center; }
.mission-cyber .eyebrow::after {
  width: 42px;
  height: 1px;
  margin-left: 12px;
  background: linear-gradient(90deg, var(--cyan), transparent);
  content: "";
}

.mission-cyber .hero h1 {
  max-width: 780px;
  text-wrap: balance;
  text-shadow: 0 8px 40px rgba(0, 0, 0, .55);
}
.mission-cyber .hero h1 em,
.mission-cyber .section-heading h2 em,
.mission-cyber .timer-hero h1 em,
.mission-cyber .ai-intro h1 em {
  color: transparent;
  background: linear-gradient(90deg, #39e8c6 0 44%, #8bffe7 50%, #7967ff 82%, #ff48c4 100%);
  background-clip: text;
  filter: drop-shadow(0 0 15px rgba(57, 232, 198, .18));
}
.mission-cyber .hero-lead { color: #aec3d3; }
.mission-cyber .trust-list { border-top-color: rgba(57, 232, 198, .2); }
.mission-cyber .trust-list i { border-radius: 1px; transform: rotate(45deg); }

.mission-cyber .process-preview {
  overflow: hidden;
  border-color: rgba(57, 232, 198, .46);
  border-radius: 2px 30px 2px 30px;
  background:
    linear-gradient(145deg, rgba(16, 27, 48, .94), rgba(5, 10, 20, .96)),
    var(--panel);
  box-shadow: 18px 24px 0 rgba(121, 103, 255, .12), 0 0 55px rgba(57, 232, 198, .12);
  backdrop-filter: blur(14px);
}
.mission-cyber .process-preview::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 82px;
  height: 5px;
  background: linear-gradient(90deg, var(--magenta), var(--yellow));
  content: "";
}
.mission-cyber .process-top { border-color: rgba(57, 232, 198, .18); }

.neural-core {
  position: relative;
  width: min(100%, 370px);
  height: 218px;
  margin: 10px auto 2px;
  border-bottom: 1px solid rgba(57, 232, 198, .14);
  background:
    linear-gradient(90deg, rgba(57, 232, 198, .17), transparent 12% 88%, rgba(255, 72, 196, .16)),
    radial-gradient(circle at center, rgba(57, 232, 198, .045), transparent 64%);
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}
.neural-core::before,
.neural-core::after {
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  border-color: var(--cyan);
  content: "";
  pointer-events: none;
}
.neural-core::before { top: 8px; left: 8px; border-top: 1px solid; border-left: 1px solid; }
.neural-core::after { right: 8px; bottom: 8px; border-right: 1px solid; border-bottom: 1px solid; }
.neural-core canvas {
  display: block;
  width: 100%;
  height: 100%;
  filter: saturate(1.14) contrast(1.05);
}
.neural-core > span {
  position: absolute;
  z-index: 3;
  top: 12px;
  left: 17px;
  color: rgba(139, 255, 231, .7);
  font: 700 6px var(--mono);
  letter-spacing: .14em;
}
.neural-core > b {
  position: absolute;
  z-index: 3;
  right: 14px;
  bottom: 13px;
  padding: 4px 6px;
  color: #06100d;
  background: var(--green);
  box-shadow: 0 0 18px rgba(200, 255, 85, .26);
  font: 800 6px var(--mono);
  letter-spacing: .1em;
}
.mission-cyber .process-preview li { border-color: rgba(57, 232, 198, .12); }
.mission-cyber .process-preview li > span { border-radius: 2px 8px 2px 8px; }
.mission-cyber .process-preview li.active > span {
  border-color: var(--cyan);
  color: #04110e;
  background: var(--cyan);
  box-shadow: 0 0 16px rgba(57, 232, 198, .22);
}

.mission-cyber .section + .section { border-top-color: rgba(57, 232, 198, .11); }
.mission-cyber .section-heading { position: relative; }
.mission-cyber .section-heading::before {
  position: absolute;
  top: -18px;
  left: 0;
  width: 66px;
  height: 4px;
  background: linear-gradient(90deg, var(--yellow) 0 55%, var(--magenta) 55% 70%, var(--cyan) 70%);
  content: "";
}

.mission-cyber .workflow-steps,
.mission-cyber .staff-flow {
  border-radius: 2px 24px 2px 24px;
  border-color: rgba(57, 232, 198, .24);
  background: rgba(57, 232, 198, .18);
}
.mission-cyber .workflow-steps li,
.mission-cyber .staff-flow article { position: relative; background: linear-gradient(160deg, #0b1425, #070c16); }
.mission-cyber .workflow-steps li::before,
.mission-cyber .staff-flow article::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  height: 3px;
  background: var(--cyan);
  content: "";
}
.mission-cyber .workflow-steps li:nth-child(2)::before,
.mission-cyber .staff-flow article:nth-child(2)::before { background: var(--yellow); }
.mission-cyber .workflow-steps li:nth-child(3)::before,
.mission-cyber .staff-flow article:nth-child(3)::before { background: var(--magenta); }
.mission-cyber .workflow-steps li:nth-child(4)::before,
.mission-cyber .staff-flow article:nth-child(4)::before { background: var(--violet); }
.mission-cyber .workflow-steps li:nth-child(5)::before { background: var(--green); }
.mission-cyber .staff-flow article:nth-child(5)::before { background: var(--green); }
.mission-cyber .workflow-steps li > span,
.mission-cyber .staff-flow small { color: var(--cyan); }
.mission-cyber .workflow-steps li:nth-child(2) > span { color: var(--yellow); }
.mission-cyber .workflow-steps li:nth-child(3) > span { color: var(--magenta); }
.mission-cyber .workflow-steps li:nth-child(4) > span { color: #9d90ff; }
.mission-cyber .workflow-steps li:nth-child(5) > span { color: var(--green); }

.mission-cyber .ecosystem-strip,
.mission-cyber .knowledge-rules article {
  border-color: rgba(57, 232, 198, .21);
  border-radius: 2px 15px 2px 15px;
  background: linear-gradient(110deg, rgba(57, 232, 198, .06), rgba(121, 103, 255, .05));
}

.mission-cyber .panel {
  border-color: rgba(57, 232, 198, .23);
  border-radius: 2px 20px 2px 20px;
  background:
    linear-gradient(145deg, rgba(20, 34, 58, .62), rgba(7, 12, 24, .9)),
    var(--panel);
  box-shadow: 12px 14px 0 rgba(121, 103, 255, .055), 0 24px 60px rgba(0, 0, 0, .2);
}
.mission-cyber .panel::after {
  position: absolute;
  top: -1px;
  right: 34px;
  width: 68px;
  height: 3px;
  background: linear-gradient(90deg, var(--magenta), var(--yellow));
  content: "";
}
.mission-cyber .panel-label > span,
.mission-cyber .knowledge-rules article > span {
  border-radius: 1px 8px 1px 8px;
  border-color: rgba(57, 232, 198, .55);
  color: var(--cyan);
  background: rgba(57, 232, 198, .06);
}
.mission-cyber textarea,
.mission-cyber input,
.mission-cyber select,
.mission-cyber .finish-card input,
.mission-cyber .finish-card textarea,
.mission-cyber .entries-controls input {
  border-color: #283b58;
  border-radius: 2px 12px 2px 12px;
  background: rgba(3, 8, 18, .86);
}
.mission-cyber textarea:focus,
.mission-cyber input:focus,
.mission-cyber select:focus {
  border-color: var(--cyan);
  box-shadow: 0 0 0 1px var(--cyan), 0 0 24px rgba(57, 232, 198, .1);
}

.mission-cyber .mission-progress b,
.mission-cyber .timer-status { border-radius: 2px 8px 2px 8px; }
.mission-cyber .mission-progress span.active b {
  color: #04110e;
  background: var(--cyan);
  box-shadow: 0 0 14px rgba(57, 232, 198, .25);
}
.mission-cyber .mission-progress span.complete b { color: #04110e; border-color: var(--green); background: var(--green); }
.mission-cyber .signal-grid div,
.mission-cyber .source-card li,
.mission-cyber .draft-field,
.mission-cyber .stats div,
.mission-cyber .daily-total,
.mission-cyber .time-entry,
.mission-cyber .result-meta,
.mission-cyber .result-panel pre {
  border-radius: 2px 10px 2px 10px;
  background: rgba(3, 8, 18, .72);
}

.mission-cyber .private-gate {
  position: relative;
  overflow: hidden;
  border-color: rgba(57, 232, 198, .4);
  border-radius: 2px 20px 2px 20px;
  background:
    linear-gradient(100deg, rgba(57, 232, 198, .11), transparent 48%),
    linear-gradient(145deg, #0d1b2d, #080c18);
}
.mission-cyber .private-gate::after {
  position: absolute;
  right: -24px;
  bottom: -47px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(255, 72, 196, .22);
  border-radius: 50%;
  box-shadow: 0 0 0 22px rgba(121, 103, 255, .04), 0 0 0 48px rgba(57, 232, 198, .025);
  content: "";
}
.mission-cyber .private-gate > * { position: relative; z-index: 1; }

.mission-cyber .ai-main,
.mission-cyber .timer-main { position: relative; }
.mission-cyber .ai-main::before,
.mission-cyber .timer-main::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 42%;
  height: 280px;
  opacity: .35;
  background-image:
    linear-gradient(rgba(57, 232, 198, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57, 232, 198, .12) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(135deg, transparent, #000);
  content: "";
}
.mission-cyber .provider-card {
  position: relative;
  overflow: hidden;
  border-radius: 2px 14px 2px 14px;
  background: linear-gradient(145deg, #0c1726, #070c16);
}
.mission-cyber .provider-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 3px;
  background: var(--red);
  content: "";
}
.mission-cyber .provider-card.configured::before { background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.mission-cyber .provider-card.verified::before { width: 100%; background: var(--green); }

.mission-cyber .timer-card::before {
  border: 1px dashed rgba(57, 232, 198, .16);
  background: radial-gradient(circle, rgba(57, 232, 198, .11), transparent 58%);
}
.mission-cyber .timer-card::after {
  top: 16px;
  right: 16px;
  width: 82px;
  height: 4px;
}
.mission-cyber .timer-clock {
  color: var(--cyan);
  text-shadow: 0 0 24px rgba(57, 232, 198, .28), 4px 4px 0 rgba(121, 103, 255, .24);
}
.mission-cyber .timer-actions .stop-button {
  color: #fff;
  background: linear-gradient(100deg, #ff3c72, #ff724f);
  box-shadow: 5px 5px 0 rgba(255, 72, 196, .28);
}

.mission-cyber footer { border-top-color: rgba(57, 232, 198, .17); }
.mission-cyber footer strong span { color: var(--cyan); }

@keyframes energy-flow {
  0%, 18% { background-position: center, 130% center; }
  72%, 100% { background-position: center, -140% center; }
}
@keyframes energy-pulse {
  0% { opacity: .9; transform: scale(.08); }
  70% { opacity: .34; }
  100% { opacity: 0; transform: scale(1); }
}

@media (max-width: 980px) {
  .mission-cyber .hero { min-height: 0; }
  .mission-cyber .hero::before { right: -18%; width: 92%; }
  .mission-cyber .process-preview { width: min(620px, calc(100% - 18px)); }
  .factory-backdrop { background-position: 62% center; }
}

@media (max-width: 680px) {
  body.mission-cyber::after { background-size: 48px 48px; }
  .mission-cyber .site-header { height: 66px; }
  .mission-cyber .hero { padding-top: 70px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%); }
  .mission-cyber .hero::after { right: 6%; width: 42%; height: 6px; }
  .mission-cyber .hero::before { right: -45%; bottom: -15%; width: 140%; height: 44%; }
  .factory-backdrop {
    inset: 0;
    opacity: .58;
    background-position: 66% center;
    transform: none;
    transition: none;
    will-change: auto;
  }
  .factory-backdrop::after {
    background: linear-gradient(180deg, rgba(5, 7, 17, .94), rgba(5, 7, 17, .58) 42%, rgba(5, 7, 17, .86));
  }
  .cyber-atmosphere span { display: none; }
  .mission-cyber .process-preview { width: calc(100% - 8px); margin-left: 0; box-shadow: 8px 10px 0 rgba(121, 103, 255, .1); }
  .neural-core { width: 100%; height: 190px; }
  .mission-cyber .workflow-steps,
  .mission-cyber .staff-flow { border-radius: 2px 16px 2px 16px; }
  .mission-cyber .panel { box-shadow: 6px 8px 0 rgba(121, 103, 255, .045), 0 18px 44px rgba(0, 0, 0, .18); }
  .mission-cyber .site-header::after { right: 12px; width: 72px; }
}

@media (prefers-reduced-motion: reduce) {
  .mission-cyber .site-header nav a::after { transition: none; }
  .factory-backdrop { transform: none; transition: none; will-change: auto; }
  .mission-cyber .energy-button { transition: none; will-change: auto; }
  .mission-cyber .energy-button::before,
  .mission-cyber .energy-ripple { animation: none !important; }
}