/* ═══════════════════════════════════════════════════════════════════════════
   CLOUDGUARD — ALIEN MILITARY CYBER COMMAND
   "Built by something not of this world"
   ═══════════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&family=VT323&display=swap');

/* ── CSS VARIABLES ──────────────────────────────────────────────────────── */
:root {
  --void:       #030508;
  --void2:      #060b12;
  --void3:      #0a1020;
  --xeno:       #39ff14;
  --xeno-dim:   rgba(57,255,20,.15);
  --xeno-glow:  0 0 8px #39ff14, 0 0 20px rgba(57,255,20,.4), 0 0 40px rgba(57,255,20,.15);
  --cyber:      #00e5ff;
  --cyber-dim:  rgba(0,229,255,.12);
  --cyber-glow: 0 0 8px #00e5ff, 0 0 20px rgba(0,229,255,.4);
  --threat:     #ff3300;
  --threat-dim: rgba(255,51,0,.12);
  --amber:      #ffaa00;
  --violet:     #7b2fff;
  --violet-dim: rgba(123,47,255,.15);
  --steel:      #8b9bb4;
  --mono:       'Share Tech Mono', monospace;
  --orb:        'Orbitron', sans-serif;
  --raj:        'Rajdhani', sans-serif;
  --vt:         'VT323', monospace;
}

/* ── GLOBAL RESET & BASE ────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: var(--xeno) var(--void2);
}
html::-webkit-scrollbar { width: 6px; }
html::-webkit-scrollbar-track { background: var(--void2); }
html::-webkit-scrollbar-thumb { background: var(--xeno); box-shadow: var(--xeno-glow); }

body {
  background: var(--void) !important;
  color: var(--steel) !important;
  font-family: var(--raj) !important;
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
  padding-top: 56px;
}

/* ── SCANLINE OVERLAY (full page) ───────────────────────────────────────── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 99998;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,.08) 2px,
    rgba(0,0,0,.08) 4px
  );
  animation: scanlines 8s linear infinite;
}
@keyframes scanlines {
  0%   { background-position: 0 0; }
  100% { background-position: 0 100vh; }
}

/* ── NOISE TEXTURE OVERLAY ──────────────────────────────────────────────── */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 99997;
  pointer-events: none;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 256px 256px;
}

/* ── HEX GRID BACKGROUND UTILITY ───────────────────────────────────────── */
.hex-bg {
  position: relative;
}
.hex-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V17L28 0l28 17v33z' fill='none' stroke='%2339ff14' stroke-width='1'/%3E%3Cpath d='M28 100L0 83V67l28 17 28-17v16z' fill='none' stroke='%2339ff14' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 56px 100px;
}

/* ── CORNER BRACKET UTILITY ─────────────────────────────────────────────── */
.bracket-box {
  position: relative;
  padding: 2px;
}
.bracket-box::before, .bracket-box::after {
  content: '';
  position: absolute;
  width: 14px; height: 14px;
  border-color: var(--xeno);
  border-style: solid;
  opacity: .7;
}
.bracket-box::before { top: 0; left: 0; border-width: 2px 0 0 2px; }
.bracket-box::after  { bottom: 0; right: 0; border-width: 0 2px 2px 0; }

/* ── TYPOGRAPHY ─────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--orb) !important;
  color: #fff !important;
  letter-spacing: .05em;
  text-transform: uppercase;
}
h1 { font-size: clamp(2.2rem, 5vw, 4.5rem); font-weight: 900; line-height: 1.05; }
h2 { font-size: clamp(1.4rem, 3vw, 2.4rem); font-weight: 700; }
h3 { font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 600; }

p, li, td { font-family: var(--raj) !important; color: var(--steel) !important; }

code, pre, .mono, [class*="ticker"], [class*="stat-"] {
  font-family: var(--mono) !important;
}

/* ── GLITCH ANIMATION ───────────────────────────────────────────────────── */
@keyframes glitch {
  0%   { clip-path: inset(0 0 98% 0); transform: translate(-2px, 0); }
  10%  { clip-path: inset(40% 0 50% 0); transform: translate(2px, 0); }
  20%  { clip-path: inset(80% 0 10% 0); transform: translate(-1px, 0); }
  30%  { clip-path: inset(20% 0 70% 0); transform: translate(1px, 0); }
  40%  { clip-path: inset(60% 0 30% 0); transform: translate(-2px, 0); }
  50%  { clip-path: inset(0 0 0 0); transform: translate(0, 0); }
  100% { clip-path: inset(0 0 0 0); transform: translate(0, 0); }
}
@keyframes glitch-color {
  0%   { text-shadow: 2px 0 var(--threat), -2px 0 var(--cyber); }
  25%  { text-shadow: -2px 0 var(--xeno), 2px 0 var(--threat); }
  50%  { text-shadow: 2px 0 var(--cyber), -2px 0 var(--xeno); }
  75%  { text-shadow: -2px 0 var(--threat), 2px 0 var(--cyber); }
  100% { text-shadow: 2px 0 var(--threat), -2px 0 var(--cyber); }
}
.glitch-text {
  position: relative;
  animation: glitch-color 4s infinite;
}
.glitch-text::before, .glitch-text::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  opacity: .8;
}
.glitch-text::before {
  color: var(--cyber);
  animation: glitch 3s infinite;
}
.glitch-text::after {
  color: var(--threat);
  animation: glitch 3s .15s infinite reverse;
}

/* ── PULSE GLOW ANIMATION ───────────────────────────────────────────────── */
@keyframes pulse-xeno {
  0%, 100% { box-shadow: 0 0 6px var(--xeno), 0 0 20px rgba(57,255,20,.3); }
  50%       { box-shadow: 0 0 12px var(--xeno), 0 0 40px rgba(57,255,20,.5), 0 0 60px rgba(57,255,20,.2); }
}
@keyframes pulse-cyber {
  0%, 100% { box-shadow: 0 0 6px var(--cyber), 0 0 20px rgba(0,229,255,.3); }
  50%       { box-shadow: 0 0 12px var(--cyber), 0 0 40px rgba(0,229,255,.5); }
}
@keyframes pulse-threat {
  0%, 100% { box-shadow: 0 0 6px var(--threat), 0 0 20px rgba(255,51,0,.3); }
  50%       { box-shadow: 0 0 12px var(--threat), 0 0 40px rgba(255,51,0,.5); }
}

/* ── FLICKER ANIMATION ──────────────────────────────────────────────────── */
@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; }
  20%, 24%, 55% { opacity: .4; }
}

/* ── DATA STREAM ANIMATION ──────────────────────────────────────────────── */
@keyframes datastream {
  0%   { transform: translateY(-100%); opacity: 0; }
  10%  { opacity: .6; }
  90%  { opacity: .6; }
  100% { transform: translateY(100vh); opacity: 0; }
}

/* ── TYPEWRITER CURSOR ──────────────────────────────────────────────────── */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}
.cursor-blink::after {
  content: '█';
  animation: blink .8s step-end infinite;
  color: var(--xeno);
  margin-left: 2px;
}

/* ══════════════════════════════════════════════════════════════════════════
   NAVIGATION
   ══════════════════════════════════════════════════════════════════════════ */
.nhq {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 9000;
  height: 56px;
  display: flex !important;
  align-items: center !important;
  background: rgba(3,5,8,.97) !important;
  border-bottom: 1px solid var(--xeno) !important;
  box-shadow: 0 0 20px rgba(57,255,20,.15), 0 2px 0 rgba(57,255,20,.08) !important;
  backdrop-filter: blur(0px) !important;
}
.nhq::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--xeno), var(--cyber), var(--xeno), transparent);
  animation: nav-scan 4s linear infinite;
}
@keyframes nav-scan {
  0%   { transform: scaleX(0); transform-origin: left; }
  50%  { transform: scaleX(1); transform-origin: left; }
  50.01% { transform: scaleX(1); transform-origin: right; }
  100% { transform: scaleX(0); transform-origin: right; }
}
.ni {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 56px !important;
  gap: 24px !important;
  width: 100% !important;
}
.nlogo span {
  font-family: var(--orb) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--xeno) !important;
  letter-spacing: .15em !important;
  text-shadow: var(--xeno-glow) !important;
}
.nlinks a {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: rgba(57,255,20,.6) !important;
  letter-spacing: .08em !important;
  border: 1px solid transparent !important;
  transition: all .15s !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  padding: 5px 10px !important;
  white-space: nowrap !important;
}
.nlinks a:hover, .nlinks a.active {
  color: var(--xeno) !important;
  background: rgba(57,255,20,.08) !important;
  border-color: rgba(57,255,20,.4) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
}
.nlinks .nbook {
  color: var(--amber) !important;
  border-color: rgba(255,170,0,.3) !important;
}
.nlinks .nbook:hover {
  background: rgba(255,170,0,.1) !important;
  border-color: var(--amber) !important;
  text-shadow: 0 0 8px var(--amber) !important;
}
.nlinks .opl {
  color: var(--cyber) !important;
  border-color: rgba(0,229,255,.3) !important;
  font-size: 9px !important;
}
.nlinks .opl:hover {
  background: rgba(0,229,255,.08) !important;
  border-color: var(--cyber) !important;
  text-shadow: 0 0 8px var(--cyber) !important;
}

/* ── NAV STATUS INDICATOR ───────────────────────────────────────────────── */
.nhq::after {
  content: '● UPLINK: ACTIVE';
  position: absolute;
  top: 50%; right: 16px;
  transform: translateY(-50%);
  font-family: var(--mono);
  font-size: 8px;
  color: var(--xeno);
  letter-spacing: .12em;
  text-shadow: var(--xeno-glow);
  animation: flicker 6s infinite;
  pointer-events: none;
  white-space: nowrap;
}
/* Give nlinks a right margin so it doesn't collide with UPLINK text */
.nlinks { margin-right: 110px !important; }
@media(max-width:1100px) { .nhq::after { display: none; } .nlinks { margin-right: 0 !important; } }

/* ══════════════════════════════════════════════════════════════════════════
   THREAT TICKER
   ══════════════════════════════════════════════════════════════════════════ */
.wr-ticker {
  position: fixed !important;
  top: 56px !important;
  left: 0; right: 0;
  z-index: 8999 !important;
  height: 28px !important;
  background: rgba(255,51,0,.06) !important;
  border-bottom: 1px solid rgba(255,51,0,.3) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
.wr-ticker-label {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: var(--threat) !important;
  background: rgba(255,51,0,.15) !important;
  border-right: 1px solid rgba(255,51,0,.4) !important;
  padding: 0 12px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: .2em !important;
  text-shadow: 0 0 8px var(--threat) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.wr-ticker-track span {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: rgba(255,170,0,.8) !important;
  letter-spacing: .06em !important;
  margin-right: 60px !important;
}
.wr-ticker-track span::before {
  content: '[';
  color: rgba(255,51,0,.6);
  margin-right: 4px;
}
.wr-ticker-track span::after {
  content: ']';
  color: rgba(255,51,0,.6);
  margin-left: 4px;
}
/* Push body down for ticker */
body { padding-top: 84px !important; }

/* ══════════════════════════════════════════════════════════════════════════
   HERO SECTION
   ══════════════════════════════════════════════════════════════════════════ */
.hero-section, #hero, section:first-of-type {
  min-height: 100vh !important;
  background: var(--void) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
}

/* Deep space background */
.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 50%, rgba(57,255,20,.04) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 30%, rgba(0,229,255,.04) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 50% 80%, rgba(123,47,255,.06) 0%, transparent 60%),
    radial-gradient(ellipse 100% 100% at 50% 50%, rgba(6,11,18,1) 40%, var(--void) 100%);
  pointer-events: none;
  z-index: 0;
}

/* Star field */
.hero-section::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(57,255,20,.6) 0%, transparent 100%),
    radial-gradient(1px 1px at 25% 60%, rgba(0,229,255,.5) 0%, transparent 100%),
    radial-gradient(1px 1px at 40% 10%, rgba(255,255,255,.4) 0%, transparent 100%),
    radial-gradient(1px 1px at 55% 75%, rgba(57,255,20,.4) 0%, transparent 100%),
    radial-gradient(1px 1px at 70% 35%, rgba(0,229,255,.6) 0%, transparent 100%),
    radial-gradient(1px 1px at 85% 55%, rgba(255,255,255,.3) 0%, transparent 100%),
    radial-gradient(1px 1px at 15% 85%, rgba(57,255,20,.5) 0%, transparent 100%),
    radial-gradient(1px 1px at 90% 15%, rgba(0,229,255,.4) 0%, transparent 100%),
    radial-gradient(1px 1px at 60% 90%, rgba(255,255,255,.3) 0%, transparent 100%),
    radial-gradient(1px 1px at 5% 45%, rgba(57,255,20,.3) 0%, transparent 100%),
    radial-gradient(1px 1px at 78% 68%, rgba(0,229,255,.5) 0%, transparent 100%),
    radial-gradient(1px 1px at 33% 40%, rgba(255,255,255,.4) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

/* HUD corner brackets on hero */
.hero-section .hc {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.hero-section .hc-tl { top: 100px; left: 24px; }
.hero-section .hc-tr { top: 100px; right: 24px; }
.hero-section .hc-bl { bottom: 40px; left: 24px; }
.hero-section .hc-br { bottom: 40px; right: 24px; }
.hc-line {
  width: 40px; height: 40px;
  border-color: rgba(57,255,20,.5);
  border-style: solid;
}
.hc-tl .hc-line { border-width: 2px 0 0 2px; }
.hc-tr .hc-line { border-width: 2px 2px 0 0; }
.hc-bl .hc-line { border-width: 0 0 2px 2px; }
.hc-br .hc-line { border-width: 0 2px 2px 0; }

/* Hero heading */
.hero-section h1, .hero-title {
  font-family: var(--orb) !important;
  font-size: clamp(2.8rem, 6vw, 6rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  color: #fff !important;
  text-shadow: 0 0 30px rgba(57,255,20,.3), 0 0 60px rgba(57,255,20,.1) !important;
  position: relative;
  z-index: 1;
}
.hero-section h1 span, .hero-title span {
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
}

/* Hero subtitle */
.hero-section .hero-sub, .hero-section p {
  font-family: var(--mono) !important;
  font-size: 12px !important;
  color: rgba(57,255,20,.7) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  position: relative; z-index: 1;
}

/* Hero CTA buttons */
.hero-section a.btn, .hero-section button.btn,
a[href="#missions"], a[href="#theater"] {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
  border: 1px solid var(--xeno) !important;
  background: rgba(57,255,20,.06) !important;
  color: var(--xeno) !important;
  text-decoration: none !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%) !important;
  transition: all .2s !important;
  position: relative; z-index: 1;
}
.hero-section a.btn:hover, a[href="#missions"]:hover, a[href="#theater"]:hover {
  background: rgba(57,255,20,.15) !important;
  box-shadow: var(--xeno-glow) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
}

/* Hero stats */
.hero-stats, .stat-grid {
  display: flex !important;
  gap: 32px !important;
  flex-wrap: wrap !important;
  position: relative; z-index: 1;
}
.hero-stat, .stat-item {
  text-align: center !important;
  position: relative !important;
  padding: 12px 20px !important;
  border: 1px solid rgba(57,255,20,.15) !important;
  background: rgba(57,255,20,.03) !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
}
.hero-stat .num, .stat-item .num {
  font-family: var(--orb) !important;
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
  line-height: 1 !important;
  display: block !important;
}
.hero-stat .lbl, .stat-item .lbl {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.5) !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-top: 4px !important;
}

/* ── BOOT SEQUENCE OVERLAY ──────────────────────────────────────────────── */
#boot-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--void);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--mono);
  font-size: 13px;
  color: var(--xeno);
  letter-spacing: .08em;
  padding: 40px;
  transition: opacity .8s ease;
}
#boot-overlay.hidden { opacity: 0; pointer-events: none; }
#boot-log {
  max-width: 700px;
  width: 100%;
  line-height: 1.8;
}
#boot-log .bl { opacity: 0; transition: opacity .1s; }
#boot-log .bl.show { opacity: 1; }
#boot-log .bl.ok::before  { content: '[OK]  '; color: var(--xeno); }
#boot-log .bl.warn::before { content: '[WARN] '; color: var(--amber); }
#boot-log .bl.err::before  { content: '[ERR] '; color: var(--threat); }
#boot-log .bl.sys::before  { content: '[SYS] '; color: var(--cyber); }
#boot-progress {
  max-width: 700px;
  width: 100%;
  height: 2px;
  background: rgba(57,255,20,.1);
  margin-top: 24px;
  position: relative;
  overflow: hidden;
}
#boot-progress-bar {
  height: 100%;
  background: var(--xeno);
  box-shadow: var(--xeno-glow);
  width: 0%;
  transition: width .3s ease;
}
#boot-logo {
  font-family: var(--orb);
  font-size: clamp(1.2rem, 4vw, 2.5rem);
  font-weight: 900;
  color: var(--xeno);
  text-shadow: var(--xeno-glow);
  letter-spacing: .3em;
  margin-bottom: 32px;
  text-align: center;
}
#boot-skip {
  position: absolute;
  bottom: 32px;
  right: 32px;
  font-family: var(--mono);
  font-size: 10px;
  color: rgba(57,255,20,.4);
  letter-spacing: .15em;
  cursor: pointer;
  border: 1px solid rgba(57,255,20,.2);
  padding: 6px 14px;
  transition: all .2s;
}
#boot-skip:hover { color: var(--xeno); border-color: var(--xeno); }

/* ══════════════════════════════════════════════════════════════════════════
   SECTION HEADERS (EYEBROW + TITLE)
   ══════════════════════════════════════════════════════════════════════════ */
.stag, .section-eyebrow, [class*="eyebrow"] {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: var(--xeno) !important;
  letter-spacing: .3em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
.stag::before, .section-eyebrow::before {
  content: '▶▶';
  font-size: 8px;
  color: var(--xeno);
  text-shadow: var(--xeno-glow);
}
.stag::after, .section-eyebrow::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, var(--xeno), transparent);
}

/* Section titles */
.stitle, .section-title, section > h2:first-of-type {
  font-family: var(--orb) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

/* Section containers */
section {
  position: relative;
  background: var(--void) !important;
}
section:nth-child(even) {
  background: var(--void2) !important;
}

/* Section dividers */
.wave-divider svg path,
.section-divider svg path {
  fill: var(--void2) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   MISSION PROGRESS SECTION
   ══════════════════════════════════════════════════════════════════════════ */
#progress {
  background: var(--void2) !important;
  padding: 80px 0 !important;
  position: relative;
}
#progress::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    90deg,
    transparent,
    transparent 60px,
    rgba(57,255,20,.015) 60px,
    rgba(57,255,20,.015) 61px
  );
  pointer-events: none;
}

/* Progress bars — segmented energy meters */
.prog-bar, [class*="progress-bar"], [class*="prog-fill"] {
  background: transparent !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  border-radius: 0 !important;
  height: 20px !important;
  position: relative !important;
  overflow: hidden !important;
}
.prog-fill, [class*="prog-fill"], [class*="progress-fill"] {
  background: repeating-linear-gradient(
    90deg,
    var(--xeno) 0px,
    var(--xeno) 8px,
    transparent 8px,
    transparent 10px
  ) !important;
  box-shadow: var(--xeno-glow) !important;
  border-radius: 0 !important;
  height: 100% !important;
  transition: width 1.5s cubic-bezier(.25,.46,.45,.94) !important;
}
/* AWS amber, Azure blue, GCP green, OCI red */
.prog-aws .prog-fill  { background: repeating-linear-gradient(90deg, #ff9900 0px, #ff9900 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #ff9900, 0 0 20px rgba(255,153,0,.4) !important; }
.prog-azure .prog-fill { background: repeating-linear-gradient(90deg, #0078d4 0px, #0078d4 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #0078d4, 0 0 20px rgba(0,120,212,.4) !important; }
.prog-gcp .prog-fill   { background: repeating-linear-gradient(90deg, #4285f4 0px, #4285f4 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #4285f4, 0 0 20px rgba(66,133,244,.4) !important; }
.prog-oci .prog-fill   { background: repeating-linear-gradient(90deg, #f03030 0px, #f03030 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #f03030, 0 0 20px rgba(240,48,48,.4) !important; }

/* Progress labels */
.prog-label, .prog-name {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  color: rgba(57,255,20,.8) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.prog-count {
  font-family: var(--orb) !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   THEATER SELECTOR
   ══════════════════════════════════════════════════════════════════════════ */
#theater {
  background: var(--void) !important;
  padding: 80px 0 !important;
}

.theater-grid, .cloud-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 16px !important;
}

.theater-tile, .cloud-tile {
  background: rgba(57,255,20,.03) !important;
  border: 1px solid rgba(57,255,20,.15) !important;
  padding: 24px 20px !important;
  cursor: pointer !important;
  transition: all .2s !important;
  clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%) !important;
  position: relative !important;
  text-align: center !important;
}
.theater-tile::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--xeno), transparent);
  opacity: 0;
  transition: opacity .2s;
}
.theater-tile:hover, .theater-tile.active {
  background: rgba(57,255,20,.08) !important;
  border-color: var(--xeno) !important;
  box-shadow: 0 0 20px rgba(57,255,20,.15), inset 0 0 20px rgba(57,255,20,.05) !important;
}
.theater-tile:hover::before, .theater-tile.active::before { opacity: 1; }

.theater-tile .t-name {
  font-family: var(--orb) !important;
  font-size: 11px !important;
  color: #fff !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
.theater-tile .t-count {
  font-family: var(--orb) !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
  line-height: 1 !important;
}
.theater-tile .t-desc {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.4) !important;
  letter-spacing: .08em !important;
  margin-top: 6px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   MISSION BOARD (PROJECT CARDS)
   ══════════════════════════════════════════════════════════════════════════ */
#missions {
  background: var(--void2) !important;
  padding: 80px 0 !important;
  position: relative;
}
#missions::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .03;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V17L28 0l28 17v33z' fill='none' stroke='%2339ff14' stroke-width='1'/%3E%3Cpath d='M28 100L0 83V67l28 17 28-17v16z' fill='none' stroke='%2339ff14' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 56px 100px;
  pointer-events: none;
}

/* Filter buttons */
.filter-btn, [class*="filter"] button, .tag-filter {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  background: transparent !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  color: rgba(57,255,20,.5) !important;
  cursor: pointer !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  transition: all .15s !important;
}
.filter-btn:hover, .filter-btn.active,
[class*="filter"] button:hover, [class*="filter"] button.active {
  background: rgba(57,255,20,.1) !important;
  border-color: var(--xeno) !important;
  color: var(--xeno) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
}

/* Search input */
.search-input, input[type="text"], input[type="search"] {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  background: rgba(57,255,20,.03) !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  color: var(--xeno) !important;
  padding: 10px 16px !important;
  letter-spacing: .08em !important;
  outline: none !important;
  border-radius: 0 !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
  transition: border-color .2s !important;
}
.search-input:focus, input[type="text"]:focus {
  border-color: var(--xeno) !important;
  box-shadow: 0 0 12px rgba(57,255,20,.15) !important;
}
.search-input::placeholder { color: rgba(57,255,20,.25) !important; }

/* PROJECT CARDS — DATA PADS */
.mc, .mission-card, .project-card {
  background: rgba(6,11,18,.95) !important;
  border: 1px solid rgba(57,255,20,.15) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
  transition: all .25s !important;
  position: relative !important;
  overflow: hidden !important;
}
.mc::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--xeno), transparent);
  opacity: 0;
  transition: opacity .25s;
}
.mc::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(57,255,20,.03) 0%, transparent 50%);
  opacity: 0;
  transition: opacity .25s;
  pointer-events: none;
}
.mc:hover {
  border-color: var(--xeno) !important;
  box-shadow: 0 0 20px rgba(57,255,20,.15), 0 0 40px rgba(57,255,20,.05), inset 0 0 20px rgba(57,255,20,.03) !important;
  transform: translateY(-4px) !important;
}
.mc:hover::before, .mc:hover::after { opacity: 1; }

/* Card header */
.mch {
  background: rgba(57,255,20,.04) !important;
  border-bottom: 1px solid rgba(57,255,20,.1) !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Card ID tag */
.mcid, .card-id, [class*="proj-id"] {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.5) !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

/* Card title */
.mct, .card-title {
  font-family: var(--raj) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #e8f4fd !important;
  letter-spacing: .03em !important;
  line-height: 1.3 !important;
  padding: 12px 16px 8px !important;
}

/* Card body */
.mcbody {
  padding: 0 16px 12px !important;
  font-family: var(--raj) !important;
  font-size: 12px !important;
  color: rgba(139,155,180,.7) !important;
  line-height: 1.5 !important;
}

/* Card tags */
.mctag, .card-tag {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  color: rgba(57,255,20,.6) !important;
  background: rgba(57,255,20,.04) !important;
  border-radius: 0 !important;
}

/* Card footer / DECLASSIFY button */
.mcf {
  padding: 12px 16px !important;
  border-top: 1px solid rgba(57,255,20,.08) !important;
  background: rgba(57,255,20,.02) !important;
}
.mcf a, .declassify-btn, a[href*="prj-"] {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--xeno) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 16px !important;
  border: 1px solid rgba(57,255,20,.3) !important;
  background: rgba(57,255,20,.04) !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  transition: all .2s !important;
}
.mcf a:hover, .declassify-btn:hover {
  background: rgba(57,255,20,.12) !important;
  border-color: var(--xeno) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
  box-shadow: 0 0 12px rgba(57,255,20,.2) !important;
}

/* Status badges */
.status-badge, [class*="badge"] {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 0 !important;
  clip-path: polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%) !important;
}
.status-badge.completed, [class*="complete"] {
  background: rgba(57,255,20,.1) !important;
  border: 1px solid rgba(57,255,20,.3) !important;
  color: var(--xeno) !important;
  text-shadow: 0 0 6px var(--xeno) !important;
}
.status-badge.in-progress, [class*="progress"] {
  background: rgba(255,170,0,.1) !important;
  border: 1px solid rgba(255,170,0,.3) !important;
  color: var(--amber) !important;
}
.status-badge.planned, [class*="planned"] {
  background: rgba(139,155,180,.06) !important;
  border: 1px solid rgba(139,155,180,.2) !important;
  color: var(--steel) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   CLASSIFIED ENGAGEMENTS SECTION
   ══════════════════════════════════════════════════════════════════════════ */
#classified {
  background: var(--void) !important;
  padding: 80px 0 !important;
  position: relative;
}
#classified::before {
  content: 'CLASSIFIED';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-15deg);
  font-family: var(--orb);
  font-size: clamp(4rem, 12vw, 10rem);
  font-weight: 900;
  color: rgba(255,51,0,.03);
  letter-spacing: .3em;
  pointer-events: none;
  white-space: nowrap;
  z-index: 0;
}

/* Consulting cards */
.consult-card, .classified-card {
  background: rgba(255,51,0,.03) !important;
  border: 1px solid rgba(255,51,0,.15) !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
  padding: 28px !important;
  transition: all .25s !important;
  position: relative !important;
}
.consult-card:hover {
  border-color: rgba(255,51,0,.4) !important;
  box-shadow: 0 0 20px rgba(255,51,0,.1) !important;
}
.consult-card h3 {
  font-family: var(--orb) !important;
  color: #fff !important;
  font-size: 14px !important;
  letter-spacing: .1em !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════════════════ */
.wr-footer {
  background: var(--void) !important;
  border-top: 1px solid rgba(57,255,20,.2) !important;
  box-shadow: 0 -1px 0 rgba(57,255,20,.05), 0 -20px 60px rgba(57,255,20,.03) !important;
  padding: 40px 24px 24px !important;
  position: relative !important;
}
.wr-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--xeno), var(--cyber), var(--xeno), transparent);
  opacity: .5;
}
.fopn {
  font-family: var(--orb) !important;
  font-size: 14px !important;
  color: #fff !important;
  letter-spacing: .1em !important;
  text-shadow: 0 0 12px rgba(57,255,20,.3) !important;
}
.fopt {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.5) !important;
  letter-spacing: .12em !important;
}
.fopcta {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: var(--cyber) !important;
  letter-spacing: .1em !important;
  text-decoration: none !important;
  transition: all .2s !important;
}
.fopcta:hover { text-shadow: var(--cyber-glow) !important; }
.flinks a {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.5) !important;
  border: 1px solid rgba(57,255,20,.1) !important;
  padding: 5px 12px !important;
  letter-spacing: .1em !important;
  text-decoration: none !important;
  clip-path: polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%) !important;
  transition: all .2s !important;
}
.flinks a:hover {
  color: var(--xeno) !important;
  border-color: rgba(57,255,20,.4) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
}
.fcopy {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.25) !important;
  letter-spacing: .15em !important;
  text-align: center !important;
  border-top: 1px solid rgba(57,255,20,.06) !important;
  padding-top: 16px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   GLOBE CONTAINER
   ══════════════════════════════════════════════════════════════════════════ */
#gc, .globe-container {
  filter: hue-rotate(90deg) saturate(2) brightness(1.2) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   WAVE DIVIDERS — TACTICAL GRID LINES
   ══════════════════════════════════════════════════════════════════════════ */
.wave-divider {
  position: relative !important;
  overflow: visible !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(57,255,20,.3), rgba(0,229,255,.3), rgba(57,255,20,.3), transparent) !important;
  margin: 0 !important;
}
.wave-divider svg { display: none !important; }
.wave-divider::before {
  content: '';
  position: absolute;
  top: -1px; left: 10%; right: 10%;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--xeno), transparent);
  filter: blur(4px);
}

/* ══════════════════════════════════════════════════════════════════════════
   SCROLL PROGRESS BAR
   ══════════════════════════════════════════════════════════════════════════ */
.wr-progress-bar {
  position: fixed !important;
  top: 84px !important;
  left: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--xeno), var(--cyber)) !important;
  box-shadow: var(--xeno-glow) !important;
  z-index: 8998 !important;
  transition: width .1s linear !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION REVEAL ANIMATION (override)
   ══════════════════════════════════════════════════════════════════════════ */
section {
  transition: opacity .8s ease, transform .8s ease !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   LINKS & BUTTONS GLOBAL
   ══════════════════════════════════════════════════════════════════════════ */
a { color: var(--cyber) !important; text-decoration: none !important; }
a:hover { color: var(--xeno) !important; }

button {
  font-family: var(--mono) !important;
  cursor: pointer !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   DATA STREAM SIDE ELEMENTS
   ══════════════════════════════════════════════════════════════════════════ */
.data-stream {
  position: fixed;
  top: 84px;
  right: 0;
  width: 40px;
  height: calc(100vh - 84px);
  overflow: hidden;
  pointer-events: none;
  z-index: 100;
  opacity: .15;
}
.data-stream-col {
  position: absolute;
  top: 0;
  font-family: var(--mono);
  font-size: 10px;
  color: var(--xeno);
  line-height: 1.4;
  animation: datastream 8s linear infinite;
  white-space: nowrap;
}

/* ══════════════════════════════════════════════════════════════════════════
   TARGETING RETICLE ON GLOBE
   ══════════════════════════════════════════════════════════════════════════ */
.globe-wrap {
  position: relative;
}
.globe-wrap::before, .globe-wrap::after {
  content: '';
  position: absolute;
  border: 1px solid rgba(57,255,20,.2);
  border-radius: 50%;
  pointer-events: none;
  animation: reticle-pulse 3s ease-in-out infinite;
}
.globe-wrap::before {
  inset: -20px;
  animation-delay: 0s;
}
.globe-wrap::after {
  inset: -40px;
  animation-delay: 1.5s;
  border-color: rgba(0,229,255,.1);
}
@keyframes reticle-pulse {
  0%, 100% { opacity: .3; transform: scale(1); }
  50%       { opacity: .6; transform: scale(1.02); }
}

/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  h1 { font-size: 2.2rem !important; }
  .hero-stats { gap: 16px !important; }
  .theater-grid { grid-template-columns: repeat(2, 1fr) !important; }
  body::before { display: none; } /* disable scanlines on mobile for perf */
}

/* ══════════════════════════════════════════════════════════════════════════
   PROJECT DETAIL PAGES
   ══════════════════════════════════════════════════════════════════════════ */
.project-hero, .project-header {
  background: var(--void2) !important;
  border-bottom: 1px solid rgba(57,255,20,.1) !important;
  padding-top: 100px !important;
  position: relative !important;
}
.project-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    90deg,
    transparent,
    transparent 80px,
    rgba(57,255,20,.01) 80px,
    rgba(57,255,20,.01) 81px
  );
  pointer-events: none;
}
.project-title, .project-header h1 {
  font-family: var(--orb) !important;
  color: #fff !important;
  text-shadow: 0 0 20px rgba(57,255,20,.2) !important;
}
.project-id, .project-number {
  font-family: var(--mono) !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
  letter-spacing: .2em !important;
}
.project-breadcrumb {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: rgba(57,255,20,.4) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.project-breadcrumb a { color: rgba(57,255,20,.6) !important; }
.project-breadcrumb a:hover { color: var(--xeno) !important; }

/* Back button */
.wr-back-btn {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.6) !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  padding: 5px 12px !important;
  letter-spacing: .2em !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  transition: all .2s !important;
  background: rgba(57,255,20,0.04) !important;
  position: static !important;
}
.wr-back-btn::before {
  content: '\25C4' !important;
  font-size: 8px !important;
  opacity: 0.6 !important;
}
.wr-back-btn:hover {
  color: var(--xeno) !important;
  border-color: var(--xeno) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
  background: rgba(57,255,20,0.08) !important;
}

/* Mission banner */
.wr-mission-banner {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  padding: 8px 16px !important;
  border: 1px solid rgba(57,255,20,.3) !important;
  background: rgba(57,255,20,.05) !important;
  color: var(--xeno) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
}

/* Project content sections */
.project-section, .project-content section {
  background: var(--void) !important;
  border: 1px solid rgba(57,255,20,.06) !important;
  padding: 24px !important;
  margin-bottom: 16px !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
}
.project-section h3, .project-section h4 {
  font-family: var(--orb) !important;
  font-size: 12px !important;
  color: var(--xeno) !important;
  letter-spacing: .15em !important;
  margin-bottom: 12px !important;
  text-shadow: 0 0 8px rgba(57,255,20,.3) !important;
}

/* Code blocks */
pre, code {
  background: rgba(57,255,20,.03) !important;
  border: 1px solid rgba(57,255,20,.1) !important;
  color: var(--xeno) !important;
  font-family: var(--mono) !important;
  border-radius: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   CERTIFICATIONS PAGE
   ══════════════════════════════════════════════════════════════════════════ */
.cert-card, .credential-card {
  background: rgba(6,11,18,.95) !important;
  border: 1px solid rgba(0,229,255,.15) !important;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
  transition: all .25s !important;
  position: relative !important;
}
.cert-card:hover {
  border-color: var(--cyber) !important;
  box-shadow: 0 0 20px rgba(0,229,255,.15) !important;
  transform: translateY(-4px) !important;
}
.cert-card h3, .credential-card h3 {
  font-family: var(--orb) !important;
  font-size: 13px !important;
  color: #fff !important;
  letter-spacing: .08em !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   ARCHITECTURE PAGE
   ══════════════════════════════════════════════════════════════════════════ */
.arch-hero {
  background: var(--void) !important;
  padding-top: 120px !important;
}
.arch-hero h1 {
  font-family: var(--orb) !important;
  background: linear-gradient(135deg, var(--xeno), var(--cyber)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.platform-section {
  background: var(--void) !important;
}
.platform-section:nth-child(even) {
  background: var(--void2) !important;
}
.platform-diagram {
  background: rgba(57,255,20,.02) !important;
  border: 1px solid rgba(57,255,20,.1) !important;
  border-radius: 0 !important;
}
.detail-card {
  background: rgba(6,11,18,.8) !important;
  border: 1px solid rgba(57,255,20,.1) !important;
  border-radius: 0 !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
}
.detail-card:hover {
  border-color: rgba(57,255,20,.3) !important;
  transform: translateX(6px) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   MISC OVERRIDES
   ══════════════════════════════════════════════════════════════════════════ */
/* Badge wraps: white circle background for cert badge visibility */
.cert-badge-wrap,
.cert-badge-wrap.featured,
div.cert-badge-wrap {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 50% !important;
  padding: 8px !important;
  filter: none !important;
  isolation: isolate !important;
}
.cert-badge-img,
.cert-badge-wrap img {
  border-radius: 50% !important;
  filter: none !important;
  opacity: 1 !important;
  display: block !important;
}
/* Remove border-radius globally */
.card, .panel, .box { border-radius: 0 !important; }

/* Tooltips */
[title]:hover::after {
  font-family: var(--mono);
  font-size: 9px;
  background: var(--void2);
  border: 1px solid rgba(57,255,20,.3);
  color: var(--xeno);
  padding: 4px 8px;
  letter-spacing: .1em;
}

/* Selection color */
::selection {
  background: rgba(57,255,20,.2);
  color: var(--xeno);
}

/* ══════════════════════════════════════════════════════════════════════════
   HUD OVERLAY ELEMENTS
   ══════════════════════════════════════════════════════════════════════════ */
.hud-overlay {
  position: absolute;
  inset: 84px 0 0 0;
  pointer-events: none;
  z-index: 3;
}
.hud-tl, .hud-tr, .hud-bl, .hud-br {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
}
.hud-tl { top: 16px; left: 24px; }
.hud-tr { top: 16px; right: 24px; flex-direction: row-reverse; }
.hud-bl { bottom: 16px; left: 24px; }
.hud-br { bottom: 16px; right: 24px; flex-direction: row-reverse; }

.hud-corner {
  width: 20px; height: 20px;
  border-color: rgba(57,255,20,.5);
  border-style: solid;
  flex-shrink: 0;
}
.hud-corner.tl { border-width: 2px 0 0 2px; }
.hud-corner.tr { border-width: 2px 2px 0 0; }
.hud-corner.bl { border-width: 0 0 2px 2px; }
.hud-corner.br { border-width: 0 2px 2px 0; }

.hud-label {
  font-family: var(--mono);
  font-size: 9px;
  color: rgba(57,255,20,.4);
  letter-spacing: .15em;
  text-transform: uppercase;
  white-space: nowrap;
}
.hud-right { text-align: right; }

/* Horizontal scan line that sweeps down the hero */
.hud-scan {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(57,255,20,.4), transparent);
  animation: hud-scan-anim 6s linear infinite;
  opacity: .5;
}
@keyframes hud-scan-anim {
  0%   { top: 0; opacity: .5; }
  80%  { opacity: .5; }
  100% { top: 100%; opacity: 0; }
}

/* ── HERO BADGE ─────────────────────────────────────────────────────────── */
.hbadge {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: var(--xeno) !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  background: rgba(57,255,20,.06) !important;
  border: 1px solid rgba(57,255,20,.25) !important;
  padding: 6px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
}
.dot {
  width: 6px; height: 6px;
  background: var(--xeno) !important;
  border-radius: 50% !important;
  display: inline-block !important;
  box-shadow: var(--xeno-glow) !important;
  animation: pulse-xeno 2s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}

/* ── HERO TITLE ─────────────────────────────────────────────────────────── */
.htitle {
  font-family: var(--orb) !important;
  font-size: clamp(3rem, 7vw, 6.5rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  color: #fff !important;
  text-shadow: 0 0 40px rgba(57,255,20,.2) !important;
  margin-bottom: 16px !important;
}
.htitle .cg {
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
}

/* ── HERO SUBTITLE ──────────────────────────────────────────────────────── */
.hsub {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  color: rgba(57,255,20,.6) !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

/* ── HERO DESC ──────────────────────────────────────────────────────────── */
.hdesc {
  font-family: var(--raj) !important;
  font-size: 15px !important;
  color: rgba(139,155,180,.8) !important;
  line-height: 1.7 !important;
  max-width: 520px !important;
  margin-bottom: 32px !important;
}

/* ── HERO BUTTONS ───────────────────────────────────────────────────────── */
.hbtns {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 40px !important;
}
.btn-p {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  padding: 13px 28px !important;
  background: rgba(57,255,20,.1) !important;
  border: 1px solid var(--xeno) !important;
  color: var(--xeno) !important;
  text-decoration: none !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%) !important;
  transition: all .2s !important;
  box-shadow: 0 0 20px rgba(57,255,20,.1) !important;
}
.btn-p:hover {
  background: rgba(57,255,20,.2) !important;
  box-shadow: var(--xeno-glow) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
  color: var(--xeno) !important;
}
.btn-s {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  padding: 13px 28px !important;
  background: transparent !important;
  border: 1px solid rgba(0,229,255,.3) !important;
  color: var(--cyber) !important;
  text-decoration: none !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%) !important;
  transition: all .2s !important;
}
.btn-s:hover {
  background: rgba(0,229,255,.08) !important;
  border-color: var(--cyber) !important;
  box-shadow: var(--cyber-glow) !important;
  color: var(--cyber) !important;
}

/* ── HERO STATS ─────────────────────────────────────────────────────────── */
.hstats {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.sc {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 12px 18px !important;
  background: rgba(57,255,20,.03) !important;
  border: 1px solid rgba(57,255,20,.12) !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  min-width: 80px !important;
}
.sn {
  font-family: var(--orb) !important;
  font-size: 1.8rem !important;
  font-weight: 900 !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
  line-height: 1 !important;
}
.sl {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  color: rgba(57,255,20,.4) !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
}

/* ── GLOBE OVERLAY ──────────────────────────────────────────────────────── */
.goverlay {
  background: rgba(3,5,8,.85) !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  padding: 14px 18px !important;
}
.got {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.5) !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid rgba(57,255,20,.1) !important;
  padding-bottom: 8px !important;
}
.gor {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 6px !important;
}
.goc {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: rgba(139,155,180,.7) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.goct {
  font-family: var(--orb) !important;
  font-size: 11px !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
}

/* ── PROGRESS RING ──────────────────────────────────────────────────────── */
.rbg { fill: none; stroke: rgba(57,255,20,.08); stroke-width: 8; }
.rfi { fill: none; stroke: url(#rg); stroke-width: 8; stroke-linecap: butt;
       stroke-dasharray: 502; stroke-dashoffset: 377; transform: rotate(-90deg); transform-origin: center; }
.rtn { font-family: var(--orb); font-size: 32px; font-weight: 900; fill: var(--xeno); }
.rtl { font-family: var(--mono); font-size: 10px; fill: rgba(57,255,20,.4); letter-spacing: .1em; }
.pl  { font-family: var(--mono); font-size: 10px; color: rgba(57,255,20,.4); letter-spacing: .15em; text-align: center; margin-top: 8px; }

/* ── GAUGE BARS ─────────────────────────────────────────────────────────── */
.gc2 { margin-bottom: 16px; }
.gh  { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.gcl { font-family: var(--mono) !important; font-size: 10px !important; letter-spacing: .08em !important; }
.gct { font-family: var(--orb) !important; font-size: 11px !important; color: var(--xeno) !important; }
.gb  { background: rgba(57,255,20,.06) !important; height: 18px !important; border: 1px solid rgba(57,255,20,.1) !important; position: relative !important; overflow: hidden !important; }
.gf  {
  height: 100% !important;
  background: repeating-linear-gradient(90deg, var(--xeno) 0px, var(--xeno) 8px, transparent 8px, transparent 10px) !important;
  box-shadow: var(--xeno-glow) !important;
  transition: width 1.5s cubic-bezier(.25,.46,.45,.94) !important;
}
.gf.aws   { background: repeating-linear-gradient(90deg, #ff9900 0px, #ff9900 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #ff9900 !important; }
.gf.azure { background: repeating-linear-gradient(90deg, #0078d4 0px, #0078d4 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #0078d4 !important; }
.gf.gcp   { background: repeating-linear-gradient(90deg, #4285f4 0px, #4285f4 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #4285f4 !important; }
.gf.oci   { background: repeating-linear-gradient(90deg, #f03030 0px, #f03030 8px, transparent 8px, transparent 10px) !important; box-shadow: 0 0 8px #f03030 !important; }
.gn  { display: flex; justify-content: space-between; font-family: var(--mono) !important; font-size: 9px !important; color: rgba(57,255,20,.35) !important; margin-top: 4px !important; }
.gnc { color: rgba(57,255,20,.6) !important; }

/* ── SECTION DIVIDERS (tactical lines) ─────────────────────────────────── */
.sdiv {
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(57,255,20,.2), rgba(0,229,255,.2), rgba(57,255,20,.2), transparent) !important;
  position: relative !important;
  overflow: visible !important;
}
.sdiv svg { display: none !important; }
.sdiv::after {
  content: '◈';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: rgba(57,255,20,.4);
  background: var(--void);
  padding: 0 8px;
}

/* ── THEATER TILES ──────────────────────────────────────────────────────── */
.tgrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 12px !important;
}
.ttile {
  background: rgba(57,255,20,.03) !important;
  border: 1px solid rgba(57,255,20,.12) !important;
  padding: 20px 16px !important;
  cursor: pointer !important;
  transition: all .2s !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%) !important;
  text-align: center !important;
  position: relative !important;
}
.ttile::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--xeno), transparent);
  opacity: 0;
  transition: opacity .2s;
}
.ttile:hover, .ttile.active {
  background: rgba(57,255,20,.07) !important;
  border-color: rgba(57,255,20,.4) !important;
  box-shadow: 0 0 20px rgba(57,255,20,.1) !important;
}
.ttile:hover::before, .ttile.active::before { opacity: 1; }
.tname { font-family: var(--orb) !important; font-size: 10px !important; color: rgba(57,255,20,.7) !important; letter-spacing: .12em !important; text-transform: uppercase !important; margin-bottom: 8px !important; }
.tcount { font-family: var(--orb) !important; font-size: 2.2rem !important; font-weight: 900 !important; color: var(--xeno) !important; text-shadow: var(--xeno-glow) !important; line-height: 1 !important; }
.tdesc { font-family: var(--mono) !important; font-size: 8px !important; color: rgba(57,255,20,.3) !important; letter-spacing: .08em !important; margin-top: 6px !important; }

/* ── MGRID (mission card grid) ──────────────────────────────────────────── */
.mgrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 16px !important;
}

/* ── HUD TIME UPDATER ───────────────────────────────────────────────────── */

/* ══════════════════════════════════════════════════════════════════════════
   THEATER TILES (actual class names: .thc, .thgrid, .thn, .thnum, .thd, .thi)
   ══════════════════════════════════════════════════════════════════════════ */
.thgrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  padding: 0 24px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}
.thc {
  background: rgba(57,255,20,.03) !important;
  border: 1px solid rgba(57,255,20,.15) !important;
  padding: 20px 16px !important;
  cursor: pointer !important;
  transition: all .2s !important;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%) !important;
  text-align: center !important;
  position: relative !important;
  border-radius: 0 !important;
}
.thc::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--xeno), transparent);
  opacity: 0;
  transition: opacity .2s;
}
.thc:hover, .thc.active {
  background: rgba(57,255,20,.08) !important;
  border-color: var(--xeno) !important;
  box-shadow: 0 0 20px rgba(57,255,20,.12), inset 0 0 20px rgba(57,255,20,.04) !important;
}
.thc:hover::before, .thc.active::before { opacity: 1; }

.thi {
  font-size: 24px !important;
  display: block !important;
  margin-bottom: 8px !important;
  filter: grayscale(1) brightness(2) !important;
  opacity: .7 !important;
}
.thn {
  font-family: var(--orb) !important;
  font-size: 10px !important;
  color: rgba(57,255,20,.7) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}
.thnum {
  font-family: var(--orb) !important;
  font-size: 2.4rem !important;
  font-weight: 900 !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
}
.thd {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  color: rgba(57,255,20,.3) !important;
  letter-spacing: .06em !important;
  line-height: 1.4 !important;
}

/* ── FOUNDATION CARD ────────────────────────────────────────────────────── */
.fcard {
  background: rgba(57,255,20,.02) !important;
  border: 1px solid rgba(57,255,20,.12) !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
  padding: 28px !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
}
.ft {
  font-family: var(--orb) !important;
  font-size: 16px !important;
  color: #fff !important;
  letter-spacing: .06em !important;
  margin-bottom: 6px !important;
}
.fs {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  color: rgba(57,255,20,.4) !important;
  letter-spacing: .1em !important;
}
.fsn {
  font-family: var(--orb) !important;
  font-size: 1.8rem !important;
  font-weight: 900 !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
}
.fsl {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(57,255,20,.4) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

/* ── MISSION BOARD SECTION HEADER ───────────────────────────────────────── */
.sh {
  text-align: center !important;
  padding: 0 24px 40px !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}
.ssub {
  font-family: var(--raj) !important;
  font-size: 14px !important;
  color: rgba(139,155,180,.6) !important;
  margin-top: 8px !important;
}

/* ── CONSULTING ENGAGEMENTS SECTION ─────────────────────────────────────── */
#classified .fcard, .classified-inner {
  background: rgba(255,51,0,.03) !important;
  border: 1px solid rgba(255,51,0,.15) !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px)) !important;
  text-align: center !important;
  padding: 48px 40px !important;
  max-width: 700px !important;
  margin: 0 auto !important;
}

/* ── MISSION BOARD FILTER BAR ───────────────────────────────────────────── */
.mfilter {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  padding: 0 24px 24px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}
.mfilter button {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  background: transparent !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  color: rgba(57,255,20,.5) !important;
  cursor: pointer !important;
  clip-path: polygon(5px 0%, 100% 0%, calc(100% - 5px) 100%, 0% 100%) !important;
  transition: all .15s !important;
  border-radius: 0 !important;
}
.mfilter button:hover, .mfilter button.active {
  background: rgba(57,255,20,.1) !important;
  border-color: var(--xeno) !important;
  color: var(--xeno) !important;
  text-shadow: 0 0 8px var(--xeno) !important;
}
.msearch {
  margin-left: auto !important;
}
.msearch input {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  background: rgba(57,255,20,.03) !important;
  border: 1px solid rgba(57,255,20,.2) !important;
  color: var(--xeno) !important;
  padding: 8px 14px !important;
  letter-spacing: .06em !important;
  outline: none !important;
  border-radius: 0 !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  width: 220px !important;
}
.msearch input:focus { border-color: var(--xeno) !important; box-shadow: 0 0 10px rgba(57,255,20,.12) !important; }
.msearch input::placeholder { color: rgba(57,255,20,.2) !important; }

/* ── FOOTER PROFILE SECTION ─────────────────────────────────────────────── */
.fop {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
.fopimg {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(57,255,20,.3) !important;
  box-shadow: 0 0 12px rgba(57,255,20,.2) !important;
  flex-shrink: 0 !important;
}

/* ── SCROLL PROGRESS BAR ─────────────────────────────────────────────────── */
#spb {
  position: fixed !important;
  top: 84px !important;
  left: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--xeno), var(--cyber)) !important;
  box-shadow: var(--xeno-glow) !important;
  z-index: 8998 !important;
  transition: width .1s linear !important;
  pointer-events: none !important;
}

/* ── SOUND BUTTON ───────────────────────────────────────────────────────── */
#soundBtn {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 9990 !important;
  background: rgba(3,5,8,.95) !important;
  border: 1px solid rgba(57,255,20,.25) !important;
  border-radius: 0 !important;
  width: 40px !important;
  height: 40px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  transition: all .2s !important;
  color: var(--xeno) !important;
}
#soundBtn:hover {
  background: rgba(57,255,20,.1) !important;
  border-color: var(--xeno) !important;
  box-shadow: var(--xeno-glow) !important;
}

/* ── REVEAL ANIMATION ───────────────────────────────────────────────────── */
.reveal {
  opacity: 1 !important;
  transform: none !important;
}


/* ══════════════════════════════════════════════════════════════════════════
   COMPREHENSIVE RESPONSIVE DESIGN — ALL DEVICES
   ══════════════════════════════════════════════════════════════════════════ */

/* ── PROVIDER LOGO IN THEATER TILES ────────────────────────────────────── */
.thc .thi {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  margin-bottom: 12px !important;
}
.thc .thi img {
  max-height: 36px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* ── NAV LOGO UPDATE ────────────────────────────────────────────────────── */
.nlogo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
.nlinks {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
}
.nham {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
}
.nham span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--xeno);
  border-radius: 2px;
}
.nlogo img {
  height: 36px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* ── LARGE DESKTOP (1400px+) ────────────────────────────────────────────── */
@media (min-width: 1400px) {
  .mgrid { grid-template-columns: repeat(4, 1fr) !important; }
  .thgrid { grid-template-columns: repeat(5, 1fr) !important; }
}

/* ── STANDARD DESKTOP (1100px - 1399px) ─────────────────────────────────── */
@media (max-width: 1399px) and (min-width: 1101px) {
  .mgrid { grid-template-columns: repeat(3, 1fr) !important; }
  section { padding: 60px 48px !important; }
}

/* ── TABLET LANDSCAPE (1100px) ───────────────────────────────────────────── */
@media (max-width: 1100px) {
  /* Hero: hide globe, show full-width text */
  #hero { grid-template-columns: 1fr !important; min-height: auto !important; padding-top: 100px !important; }
  .hright { display: none !important; }
  .hleft { padding: 40px 40px 60px !important; }
  .htitle { font-size: clamp(2rem, 6vw, 3.2rem) !important; }
  
  /* Theater tiles: 3 columns */
  .thgrid { grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; }
  
  /* Mission cards: 2 columns */
  .mgrid { grid-template-columns: repeat(2, 1fr) !important; }
  
  /* Progress grid: stack */
  .pgrid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .cgauges { grid-template-columns: repeat(2, 1fr) !important; }
  
  /* Sections */
  section { padding: 60px 40px !important; }
  #progress { padding: 60px 40px !important; }
  footer { padding: 40px !important; }
  
  /* HUD overlays: hide on smaller screens */
  .hud-tl, .hud-tr, .hud-bl, .hud-br { display: none !important; }
}

/* ── TABLET PORTRAIT (768px) ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Nav: hamburger menu */
  .nlinks {
    display: none !important;
    position: fixed !important;
    top: 84px !important;
    left: 0 !important; right: 0 !important;
    background: rgba(3,5,8,.98) !important;
    flex-direction: column !important;
    padding: 16px !important;
    gap: 4px !important;
    border-bottom: 1px solid rgba(57,255,20,.15) !important;
    z-index: 8999 !important;
  }
  .nlinks.open { display: flex !important; }
  .nham { display: flex !important; }
  .nlinks a { padding: 10px 14px !important; font-size: 12px !important; }
  
  /* Hero */
  .hleft { padding: 30px 20px 40px !important; }
  .htitle { font-size: clamp(1.8rem, 8vw, 2.8rem) !important; }
  .hstats { grid-template-columns: repeat(2, 1fr) !important; }
  .hbtns { flex-direction: column !important; gap: 10px !important; }
  .hbtns a { text-align: center !important; justify-content: center !important; }
  
  /* Theater tiles: 2 columns */
  .thgrid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  
  /* Mission cards: 1 column */
  .mgrid { grid-template-columns: 1fr !important; }
  
  /* Progress */
  .cgauges { grid-template-columns: 1fr !important; }
  .prw { display: none !important; } /* hide ring on mobile */
  .pgrid { grid-template-columns: 1fr !important; }
  
  /* Foundation stats */
  .fstats { grid-template-columns: repeat(3, 1fr) !important; }
  
  /* Sections */
  section { padding: 40px 16px !important; }
  #progress { padding: 40px 16px !important; }
  footer { padding: 28px 16px !important; }
  
  /* Footer */
  .fi2 { flex-direction: column !important; gap: 20px !important; }
  .flinks { flex-wrap: wrap !important; justify-content: flex-start !important; }
  
  /* Filter bar */
  .mfilter { padding: 0 16px 16px !important; gap: 6px !important; }
  .mfilter button { font-size: 8px !important; padding: 5px 10px !important; }
  .msearch { margin-left: 0 !important; width: 100% !important; }
  .msearch input { width: 100% !important; }
  
  /* Section headers */
  .stitle { font-size: clamp(1.4rem, 6vw, 2rem) !important; }
  .sh::before, .sh::after { display: none !important; }
  
  /* Ticker: smaller */
  #ticker { height: 24px !important; }
  .ti { font-size: 9px !important; padding: 0 20px !important; }
  
  /* Scanlines: disable for performance */
  body::before { display: none !important; }
  
  /* Particle field: disable for performance */
  #particle-field { display: none !important; }
  
  /* Sound button */
  #soundBtn { display: none !important; }
  
  /* Scroll progress bar */
  #spb { top: 60px !important; }
}

/* ── MOBILE SMALL (480px) ────────────────────────────────────────────────── */
@media (max-width: 480px) {
  /* Theater tiles: 1 column on very small screens */
  .thgrid { grid-template-columns: repeat(2, 1fr) !important; }
  
  /* Nav logo text: hide on tiny screens */
  .nlogo span { display: none !important; }
  
  /* Hero title */
  .htitle { font-size: clamp(1.6rem, 9vw, 2.2rem) !important; }
  
  /* Stats: 2 col */
  .hstats { grid-template-columns: repeat(2, 1fr) !important; }
  
  /* Foundation stats */
  .fstats { grid-template-columns: repeat(2, 1fr) !important; }
  
  /* Mission card */
  .mc { padding: 16px !important; }
  .mch { padding: 12px 16px !important; }
  
  /* Section padding */
  section { padding: 32px 12px !important; }
  
  /* Filter buttons: wrap tightly */
  .mfilter button { font-size: 7px !important; padding: 4px 8px !important; }
}

/* ── PROJECT DETAIL PAGES — RESPONSIVE ───────────────────────────────────── */
@media (max-width: 768px) {
  .prj-hero { padding: 100px 16px 40px !important; }
  .prj-meta { flex-wrap: wrap !important; gap: 8px !important; }
  .prj-btns { flex-direction: column !important; gap: 8px !important; }
  .prj-btns a { text-align: center !important; }
  .prj-grid { grid-template-columns: 1fr !important; }
  .prj-cost { position: static !important; margin-top: 24px !important; }
  .tab-nav { flex-wrap: wrap !important; gap: 4px !important; }
  .tab-btn { font-size: 9px !important; padding: 6px 10px !important; }
  .related-grid { grid-template-columns: 1fr !important; }
  .breadcrumb { font-size: 9px !important; }
}

/* ── CERTIFICATIONS PAGE — RESPONSIVE ───────────────────────────────────── */
@media (max-width: 768px) {
  .cert-grid { grid-template-columns: 1fr !important; }
  .cert-card { padding: 20px !important; }
}

/* ── ARCHITECTURE PAGE — RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 768px) {
  .arch-grid { grid-template-columns: 1fr !important; }
  .arch-card { padding: 16px !important; }
}

/* ── TOUCH DEVICE OPTIMIZATIONS ──────────────────────────────────────────── */
@media (hover: none) and (pointer: coarse) {
  /* Remove custom cursor on touch devices */
  #cx, #cdot, .ctrail { display: none !important; }
  body { cursor: auto !important; }
  
  /* Increase tap targets */
  .nlinks a { padding: 12px 16px !important; min-height: 44px !important; display: flex !important; align-items: center !important; }
  .mfilter button { min-height: 36px !important; }
  .thc { min-height: 120px !important; }
  
  /* Remove hover-only effects */
  .thc:hover { transform: none !important; }
  .btn-p:hover, .btn-s:hover { transform: none !important; }
}

/* ── PRINT STYLES ────────────────────────────────────────────────────────── */
@media print {
  nav, #ticker, #cx, #cdot, #spb, #soundBtn, #particle-field,
  body::before, body::after { display: none !important; }
  body { background: white !important; color: black !important; }
  .mc { border: 1px solid #ccc !important; break-inside: avoid !important; }
}

/* ── MISSION STATUS BADGES ──────────────────────────────────────────────── */
.mcs { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; padding: 3px 8px 3px 6px; border-radius: 2px; }
.sdt { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.sdc { background: var(--xeno); box-shadow: 0 0 8px var(--xeno), 0 0 16px rgba(57,255,20,.4); animation: pulse-dot 1.5s infinite; }
.sdp { background: rgba(255,170,0,.5); border: 1px solid rgba(255,170,0,.6); }
.mcstt { font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.mcstt.c { color: var(--xeno); text-shadow: 0 0 8px rgba(57,255,20,.9), 0 0 16px rgba(57,255,20,.4); }
.mcstt.p { color: var(--amber); text-shadow: 0 0 6px rgba(255,170,0,.5); }
@keyframes pulse-dot { 0%,100%{opacity:1} 50%{opacity:.4} }

/* Completed cards: bright green top border + subtle green badge bg */
.mc-complete { border-top: 2px solid var(--xeno) !important; }
.mc-complete .mcs { background: rgba(57,255,20,.07); border: 1px solid rgba(57,255,20,.25); }
/* Planned cards: amber top border + subtle amber badge bg */
.mc-planned { border-top: 2px solid rgba(255,170,0,.4) !important; opacity: 0.88; }
.mc-planned .mcs { background: rgba(255,170,0,.05); border: 1px solid rgba(255,170,0,.2); }
.mc-planned .mct { color: rgba(57,255,20,.75) !important; }

/* ── PROJECT PAGE ALIEN SECTION OVERRIDES ───────────────────────────────── */

/* Section titles */
.section-title {
  font-family: var(--orb) !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  position: relative !important;
}

.section-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, var(--xeno), transparent);
  margin-top: 8px;
}

/* Section subtitles */
.section-subtitle {
  font-family: 'Share Tech Mono', monospace !important;
  color: rgba(57,255,20,0.5) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Project hero section */
.project-hero {
  background: linear-gradient(135deg, rgba(57,255,20,0.03), rgba(0,229,255,0.02)) !important;
  border-bottom: 1px solid rgba(57,255,20,0.15) !important;
  position: relative !important;
}

.project-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(rgba(57,255,20,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,255,20,0.02) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

/* Project title */
.project-title-large {
  font-family: var(--orb) !important;
  color: #fff !important;
  text-shadow: 0 0 20px rgba(57,255,20,0.2) !important;
}

/* Project ID */
.project-id-large {
  font-family: 'Share Tech Mono', monospace !important;
  color: var(--xeno) !important;
  letter-spacing: 0.15em !important;
  font-size: 11px !important;
}

/* Status badge */
.status-badge.completed {
  background: rgba(57,255,20,0.1) !important;
  border: 1px solid rgba(57,255,20,0.4) !important;
  color: var(--xeno) !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
}

/* Cloud badge */
.cloud-badge {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  clip-path: polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%) !important;
}

/* Cert badge */
.cert-badge {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  color: rgba(0,229,255,0.8) !important;
  border: 1px solid rgba(0,229,255,0.2) !important;
  background: rgba(0,229,255,0.05) !important;
}

/* Meta badges */
.meta-badge {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
  background: rgba(57,255,20,0.05) !important;
  border: 1px solid rgba(57,255,20,0.15) !important;
  color: rgba(57,255,20,0.7) !important;
}

/* Cost estimate card */
.cost-estimate-card {
  background: rgba(3,5,8,0.9) !important;
  border: 1px solid rgba(57,255,20,0.2) !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)) !important;
}

.cost-amount {
  font-family: var(--orb) !important;
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
}

/* Business context section */
.business-context-section,
.grc-mapping-section,
.video-section,
.architecture-section,
.tech-stack-section,
.documentation-section,
.related-projects-section {
  border-top: 1px solid rgba(57,255,20,0.08) !important;
  position: relative !important;
}

/* Section dividers - wave flow between sections */
.business-context-section::before,
.grc-mapping-section::before,
.video-section::before,
.architecture-section::before,
.tech-stack-section::before,
.documentation-section::before,
.related-projects-section::before {
  content: '';
  position: absolute;
  top: -1px; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(57,255,20,0.3), rgba(0,229,255,0.3), transparent);
}

/* Breadcrumb */
.project-breadcrumb {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  color: rgba(57,255,20,0.5) !important;
  letter-spacing: 0.1em !important;
}

.project-breadcrumb a {
  color: rgba(57,255,20,0.6) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.project-breadcrumb a:hover {
  color: var(--xeno) !important;
  text-shadow: var(--xeno-glow) !important;
}

/* Action buttons */
.btn-primary {
  background: var(--xeno) !important;
  color: #030508 !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  border: none !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  transition: all 0.2s !important;
}

.btn-primary:hover {
  background: #00ff88 !important;
  box-shadow: 0 0 20px rgba(57,255,20,0.4) !important;
  transform: translateY(-2px) !important;
}

.btn-secondary {
  background: transparent !important;
  color: var(--xeno) !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  border: 1px solid rgba(57,255,20,0.3) !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  transition: all 0.2s !important;
}

.btn-secondary:hover {
  background: rgba(57,255,20,0.08) !important;
  border-color: var(--xeno) !important;
  box-shadow: 0 0 12px rgba(57,255,20,0.2) !important;
}

/* Tech stack tags */
.tech-tag, .tag {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 9px !important;
  background: rgba(57,255,20,0.06) !important;
  border: 1px solid rgba(57,255,20,0.2) !important;
  color: rgba(57,255,20,0.8) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Related project cards */
.related-project-card {
  background: rgba(3,5,8,0.8) !important;
  border: 1px solid rgba(57,255,20,0.12) !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)) !important;
  transition: all 0.3s !important;
}

.related-project-card:hover {
  border-color: rgba(57,255,20,0.4) !important;
  box-shadow: 0 0 20px rgba(57,255,20,0.1) !important;
  transform: translateY(-4px) !important;
}

/* Back to top button */
.back-to-top {
  background: rgba(3,5,8,0.9) !important;
  border: 1px solid rgba(57,255,20,0.3) !important;
  color: var(--xeno) !important;
  clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%) !important;
  transition: all 0.2s !important;
}

.back-to-top:hover {
  background: rgba(57,255,20,0.1) !important;
  box-shadow: 0 0 16px rgba(57,255,20,0.3) !important;
}

/* Documentation section */
.prerequisites-section h3,
.prerequisites-section h4 {
  font-family: var(--orb) !important;
  color: var(--xeno) !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
}

/* GRC mapping table */
.grc-table th {
  font-family: 'Share Tech Mono', monospace !important;
  background: rgba(57,255,20,0.08) !important;
  color: var(--xeno) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  border-bottom: 1px solid rgba(57,255,20,0.2) !important;
}

.grc-table td {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  border-bottom: 1px solid rgba(57,255,20,0.06) !important;
  color: rgba(200,220,255,0.8) !important;
}

/* Architecture container */
.architecture-container img {
  border: 1px solid rgba(57,255,20,0.15) !important;
  filter: brightness(0.95) saturate(1.1) !important;
}

/* Infobar */
.project-compact-infobar {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  color: rgba(57,255,20,0.6) !important;
  border: 1px solid rgba(57,255,20,0.1) !important;
  background: rgba(57,255,20,0.03) !important;
  letter-spacing: 0.08em !important;
}

/* Project icon */
.project-icon-large {
  background: rgba(57,255,20,0.06) !important;
  border: 1px solid rgba(57,255,20,0.2) !important;
  color: var(--xeno) !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
}

/* ── REMOVE AMBIENT SOUND BUTTON ─────────────────────────────────────────── */
button[title="Toggle ambient sound"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Related grid — 3-col layout matching homepage mgrid */
.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
/* View all container */
.view-all-container {
  text-align: center;
  margin-top: 8px;
}
.view-all-container .btn {
  font-family: 'Share Tech Mono', monospace;
  font-size: 11px;
  color: #00d4ff;
  border: 1px solid rgba(0,212,255,.3);
  padding: 10px 24px;
  border-radius: 6px;
  text-decoration: none;
  letter-spacing: .08em;
  transition: all .2s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.view-all-container .btn:hover {
  background: rgba(0,212,255,.08);
  box-shadow: 0 0 20px rgba(0,212,255,.15);
}

/* ═══════════════════════════════════════════════════════════════
   RELATED MISSIONS SECTION — Match Homepage Mission Card Style
═══════════════════════════════════════════════════════════════ */
.related-missions-section,
.related-projects-section {
  background: rgba(3,5,8,0.95) !important;
  border-top: 1px solid rgba(57,255,20,0.12) !important;
  padding: 60px 0 !important;
  position: relative;
}

.related-missions-section .section-title,
.related-projects-section .section-title {
  font-family: 'Orbitron', monospace !important;
  font-size: clamp(20px, 3vw, 28px) !important;
  font-weight: 900 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-shadow: 0 0 20px rgba(57,255,20,0.4) !important;
  margin-bottom: 6px !important;
}

.related-missions-section .section-title::before,
.related-projects-section .section-title::before {
  content: '// ' !important;
  color: var(--alien-cyan, #00E5FF) !important;
  font-family: 'Share Tech Mono', monospace !important;
}

.related-missions-section .section-subtitle,
.related-projects-section .section-subtitle {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.25em !important;
  color: rgba(57,255,20,0.5) !important;
  text-transform: uppercase !important;
  margin-bottom: 32px !important;
}

/* Related mission cards — match homepage .mc style */
.related-missions-section .project-card,
.related-projects-section .project-card {
  background: rgba(3,5,8,0.9) !important;
  border: 1px solid rgba(57,255,20,0.15) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.related-missions-section .project-card::before,
.related-projects-section .project-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--alien-green, #39FF14), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
}

.related-missions-section .project-card:hover,
.related-projects-section .project-card:hover {
  border-color: rgba(57,255,20,0.45) !important;
  box-shadow: 0 0 25px rgba(57,255,20,0.08), inset 0 0 25px rgba(57,255,20,0.02) !important;
  transform: translateY(-3px) !important;
}

.related-missions-section .project-card:hover::before,
.related-projects-section .project-card:hover::before {
  opacity: 1 !important;
}

.related-missions-section .project-title,
.related-projects-section .project-title {
  font-family: 'Orbitron', monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0.03em !important;
}

.related-missions-section .project-id,
.related-projects-section .project-id {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  color: rgba(57,255,20,0.6) !important;
  letter-spacing: 0.1em !important;
}

.related-missions-section .project-description,
.related-projects-section .project-description {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 13px !important;
  color: rgba(226,232,240,0.65) !important;
  line-height: 1.5 !important;
}

.related-missions-section .tag,
.related-projects-section .tag {
  background: rgba(57,255,20,0.08) !important;
  border: 1px solid rgba(57,255,20,0.2) !important;
  color: rgba(57,255,20,0.8) !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  padding: 2px 7px !important;
  border-radius: 0 !important;
}

.related-missions-section .cloud-badge,
.related-projects-section .cloud-badge {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.15em !important;
  padding: 3px 8px !important;
  border-radius: 0 !important;
}

.related-missions-section .project-card-view-btn,
.related-projects-section .project-card-view-btn {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  color: var(--alien-green, #39FF14) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(57,255,20,0.3) !important;
  background: transparent !important;
  transition: all 0.2s !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px)) !important;
}

.related-missions-section .project-card-view-btn:hover,
.related-projects-section .project-card-view-btn:hover {
  background: rgba(57,255,20,0.1) !important;
  border-color: var(--alien-green, #39FF14) !important;
  box-shadow: 0 0 10px rgba(57,255,20,0.2) !important;
}

/* View All Missions button */
.related-missions-section .btn-secondary,
.related-projects-section .btn-secondary {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  color: var(--alien-green, #39FF14) !important;
  border: 1px solid rgba(57,255,20,0.4) !important;
  padding: 12px 28px !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)) !important;
  transition: all 0.3s !important;
}

.related-missions-section .btn-secondary:hover,
.related-projects-section .btn-secondary:hover {
  background: rgba(57,255,20,0.08) !important;
  border-color: var(--alien-green, #39FF14) !important;
  box-shadow: 0 0 20px rgba(57,255,20,0.2) !important;
}

/* ═══════════════════════════════════════════════════════════════
   HIDE THEME SWITCHER / COLOR PALETTE ON ALL PAGES
═══════════════════════════════════════════════════════════════ */
#themeSwitcher,
.theme-switcher,
[id="themeSwitcher"],
.theme-toggle-btn,
.theme-panel {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}