:root {
  color-scheme: dark;
  --pid-bg: #030506;
  --pid-bg-2: #070a0c;
  --pid-text: #f4f7f8;
  --pid-muted: #a6b0b7;
  --pid-soft: #74818a;
  --pid-cyan: #00e5ff;
  --pid-cyan-2: #7af5ff;
  --pid-cyan-line: rgba(0,229,255,.38);
  --pid-white-line: rgba(255,255,255,.10);
  --pid-white-soft: rgba(255,255,255,.06);
  --pid-panel: rgba(255,255,255,.034);
  --pid-panel-strong: rgba(255,255,255,.06);
  --pid-max: 1180px;
  --pid-header: 68px;
  --pid-font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 2px solid var(--cyan, var(--pid-cyan));
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 10000;
  transform: translateY(-140%);
  transition: transform .18s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
}

.btn,
.ghost-btn,
.quiet-btn,
.nav-cta {
  touch-action: manipulation;
}

.btn[aria-disabled="true"],
.btn:disabled,
.ghost-btn[aria-disabled="true"],
.ghost-btn:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.performid-route-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--cyan-line, var(--pid-cyan-line));
  border-radius: 999px;
  padding: 7px 11px;
  color: var(--cyan, var(--pid-cyan));
  background: rgba(0,229,255,.08);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.performid-route-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 12px rgba(0,229,255,.46);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}