/* Blue Chip header + footer around the core app pages, and the navy radial the
   rest of the site's dark sections sit on. Everything here is bc-* so pad.css
   is left alone; it loads after pad.css so the .pad background rule wins. */
:root {
  --bc-blue: #0e76ff;
  --bc-paper: #f3f3f3;
  --bc-paper-dim: rgba(243, 243, 243, 0.6);
  --bc-paper-faint: rgba(243, 243, 243, 0.38);
  --bc-plate: rgba(238, 238, 240, 0.055);
  --bc-narrow: "Archivo Narrow", "Archivo Narrow Fallback: Arial", Arial, sans-serif;
}
html { -webkit-text-size-adjust: 100%; background: #000; }
body.pad-body { background: #000; }
.pad {
  background: #000 radial-gradient(120% 70% at 50% 120%, #1b3f7d 0%, #0a1d3d 34%, #02060f 68%, #000 100%) fixed;
}
.pad h1 { font-weight: 400; letter-spacing: -.025em; line-height: .98; }
.pad h2 { font-weight: 400; letter-spacing: -.015em; }
.pad .pad-eyebrow, .pad label, .pad .pad-line dt, .pad .pad-card-name, .pad .pad-step-n {
  font-family: var(--bc-narrow);
}
.pad .pad-eyebrow::before { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--bc-blue); margin-right: 9px; vertical-align: 2px; }
.pad .pad-btn { font-family: var(--bc-narrow); letter-spacing: .1em; text-transform: uppercase; font-size: 13px; }

/* header ------------------------------------------------------------------ */
.bc-header {
  position: sticky; top: 0; z-index: 40; backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, .55); border-bottom: 1px solid rgba(243, 243, 243, .08);
  color: var(--bc-paper); font-family: Archivo, "Archivo Fallback: Arial", Arial, sans-serif;
}
.bc-wrap { max-width: 1204px; margin: 0 auto; padding: 0 28px; }
.bc-header .bc-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 68px; gap: 20px; flex-wrap: wrap; }
.bc-mark {
  display: flex; align-items: center; gap: 10px; font-family: var(--bc-narrow); font-weight: 600;
  letter-spacing: .12em; font-size: 15px; text-decoration: none; color: var(--bc-paper); padding: 12px 0;
}
.bc-mark img { width: 26px; height: 26px; display: block; }
.bc-nav { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; padding: 8px 0; }
.bc-nav a {
  font-family: var(--bc-narrow); font-size: 12px; letter-spacing: .09em; text-transform: uppercase;
  text-decoration: none; padding: 7px 11px; background: var(--bc-plate); color: var(--bc-paper-dim); white-space: nowrap;
}
.bc-nav a:hover { color: var(--bc-paper); background: rgba(238, 238, 240, .12); }
.bc-nav a.bc-cta { background: var(--bc-blue); color: #fff; }
.bc-nav a.bc-cta:hover { background: #3a90ff; }

/* footer ------------------------------------------------------------------ */
.bc-footer {
  background: #000; color: var(--bc-paper-faint); font-family: Archivo, "Archivo Fallback: Arial", Arial, sans-serif;
  font-size: 13.5px; line-height: 1.5; padding: 48px 0 76px;
}
.bc-footer p { max-width: 70ch; margin: 0 0 14px; }
.bc-footer a { color: var(--bc-paper-dim); }
.bc-rule { height: 1px; margin-bottom: 28px; background-image: repeating-linear-gradient(to right, rgba(243, 243, 243, .15) 0 6px, transparent 6px 12px); }
.bc-foot-nav { font-family: var(--bc-narrow); font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }
.bc-foot-nav a { text-decoration: none; margin-right: 18px; }

@media (max-width: 640px) {
  .bc-wrap { padding: 0 16px; }
  .bc-nav a { padding: 6px 9px; font-size: 11px; }
}