/* MET Dijital micro-tuning: small signal and contrast refinements. */
:root {
  --micro-cyan: #58e4df;
  --micro-blue: #6b92ff;
  --micro-lime: #d2ff5e;
  --micro-ink: #091521;
}

/* Keep the mobile menu inside the same dark control-room language as its header. */
@media (max-width: 980px) {
  .site-header nav#site-menu {
    border-color: #2d526a;
    background: var(--signature-panel);
    box-shadow: 0 12px 25px rgba(9, 21, 33, .28);
  }

  .site-header nav#site-menu a {
    color: #d9e7e5;
    border-color: #2d526a;
  }

  .site-header nav#site-menu a:hover,
  .site-header nav#site-menu a:focus-visible {
    color: var(--micro-lime);
  }
}

.site-header,
.hero,
.projects-hero {
  border-left: 3px solid var(--micro-lime);
}

.brand-mark {
  border-color: var(--micro-cyan);
  box-shadow: inset 0 -3px 0 rgba(88, 228, 223, .22);
}

.hero-assistant,
.projects-hero-signal {
  border-top: 3px solid var(--micro-lime);
}

.assistant-options button:hover,
.assistant-options button:focus-visible,
.hero-actions .button:focus-visible,
.site-header .button:focus-visible {
  box-shadow: 4px 4px 0 rgba(210, 255, 94, .34);
}

/* One structural cyan edge, one blue live label: the architecture reads as one system. */
.architecture {
  border-color: var(--micro-cyan) !important;
  box-shadow: 10px 10px 0 #bfe8e2 !important;
}

.architecture-head strong,
.architecture-foot b {
  color: var(--micro-blue);
}

.journey .section-heading.light .kicker {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border-left: 2px solid var(--micro-cyan);
}

.proof-grid article:nth-child(4) { background: #e4f7ef; }
.proof-grid article:nth-child(5) { background: #e8f0ff; }
.proof-grid article:nth-child(6) { background: #f1ebff; }

.project-row:nth-child(1) { border-left: 3px solid #3ecf9b; }
.project-row:nth-child(2) { border-left: 3px solid var(--micro-blue); }
.project-row:nth-child(3) { border-left: 3px solid var(--signature-coral); }
.project-row:hover { border-color: var(--micro-cyan); }

.system-spine-readout strong,
.system-output strong { color: var(--micro-lime); }

.system-spine-stages li::before,
.output-copy small {
  color: #b9ff9d !important;
  font-size: 10px;
}

.site-footer { border-top: 2px solid var(--micro-blue); }

@media (prefers-reduced-motion: reduce) {
  .assistant-options button:hover,
  .assistant-options button:focus-visible,
  .solution:hover,
  .solution.active,
  .proof-grid article:hover,
  .project-row:hover { transform: none; }
}