/* Capabilities mission diagram, moved from the homepage. */
.mission-map { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr); grid-template-rows:repeat(3,auto); gap:28px 56px; align-items:center; isolation:isolate; }

.mission-center { grid-column:2; grid-row:2; position:relative; z-index:2; display:grid; place-items:center; text-align:center; min-height:190px; padding:24px 16px; border:1px solid var(--green-line); border-radius:50%; background:radial-gradient(ellipse at center,#193428,#101b18); box-shadow:0 0 50px rgba(47,212,122,.08); }

.mission-center h3 { color:var(--green); font-size:26px; line-height:1.2; }

.mission-capability { position:relative; padding:24px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }

.mission-capability h3 { font-size:22px; line-height:1.2; margin-bottom:10px; }

.mission-capability p { color:var(--text-soft); font-size:16px; line-height:1.6; }

.mission-capability--1 { grid-column:1; grid-row:1; }

.mission-capability--2 { grid-column:3; grid-row:1; }

.mission-capability--3 { grid-column:1; grid-row:2; }

.mission-capability--4 { grid-column:3; grid-row:2; }

.mission-capability--5 { grid-column:1; grid-row:3; }

.mission-capability--6 { grid-column:3; grid-row:3; }

.mission-connectors { position:absolute; inset:0; width:100%; height:100%; z-index:-1; overflow:visible; pointer-events:none; }

.mission-connectors line { stroke:rgba(47,212,122,.35); stroke-width:1.5; vector-effect:non-scaling-stroke; }

@media(max-width:1050px) {
    .mission-map { display:flex; flex-direction:column; align-items:stretch; gap:24px; max-width:680px; margin:auto; padding-left:24px; }
    .mission-map::before { content:""; position:absolute; left:0; top:48px; bottom:48px; width:1px; background:var(--green-line); }
    .mission-center { min-height:120px; border-radius:12px; padding:24px; }
    .mission-center h3 { font-size:26px; }
    .mission-center::before,.mission-capability::before { content:""; position:absolute; left:-25px; top:50%; width:24px; height:1px; background:var(--green-line); }
    .mission-connectors { display:none; }
    .mission-capability { padding:22px; }
  }

.mission-capability { transition:border-color .25s ease, background .25s ease, box-shadow .25s ease; }

.mission-capability:hover {
    border-color:rgba(47,212,122,.95);
    background:radial-gradient(circle at 32% 26%, #124b31, #14201a);
    box-shadow:0 0 22px -4px rgba(47,212,122,.7), inset 0 0 18px rgba(47,212,122,.3);
  }

@media(prefers-reduced-motion:reduce) { .mission-capability { transition:none; } }

.mission-center { transition:border-color .25s ease, box-shadow .25s ease; }

@media(hover:hover) {
    .mission-center:hover {
      border-color:var(--green);
      box-shadow:0 0 22px -4px rgba(47,212,122,.7), inset 0 0 18px rgba(47,212,122,.3);
    }
  }

@media(prefers-reduced-motion:reduce) { .mission-center { transition:none; } }

a.mission-center { cursor:pointer; }

a.mission-center:focus-visible { outline:3px solid var(--green); outline-offset:5px; }
