/* ═══════════════════════════════════════
   MEGDESK — LOGO BRAND COLORS
   M = Yellow | E = Orange | G = White
   Background = Deep Indigo Purple
   ═══════════════════════════════════════ */

:root {
  --meg-purple: #2a1654;
  --meg-purple-deep: #1a0a2e;
  --meg-indigo: #3d2060;
  --meg-yellow: #f5c842;
  --meg-orange: #e8751a;
  --meg-white: #ffffff;
  --meg-green: #00FF00;
  --meg-green-light: #00FF00;
  --meg-green-dark: #00DD00;
  --yellow: #f5c842;
  --orange: #e8751a;
  --plum: #2a1654;
  --plum-soft: #3d2060;
  --champagne: #f5c842;
  --champagne-light: #fde68a;
  --champagne-dark: #e8751a;
}

/* ── CODE WALLPAPER — visible animated background ── */
.code-wallpaper {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  background: transparent !important;
}

.code-wallpaper-track {
  animation: codeScroll 55s linear infinite !important;
}

.code-wallpaper-col {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem 3rem !important;
  padding: 1.5rem 2rem !important;
}

.code-line {
  font-family: 'JetBrains Mono', Consolas, monospace !important;
  font-size: 0.7rem !important;
  line-height: 2 !important;
  opacity: 0.11 !important;
  white-space: nowrap;
}

.code-line .c-kw  { color: #2a1654 !important; }
.code-line .c-fn  { color: #e8751a !important; }
.code-line .c-str { color: #f5c842 !important; }
.code-line .c-cm  { color: #8b7aa8 !important; }
.code-line .c-num { color: #e8751a !important; }
.code-line .c-cls { color: #3d2060 !important; }

.code-line.typing::after {
  content: '|';
  color: #e8751a;
  animation: codeCursor 0.8s step-end infinite;
  margin-left: 2px;
}

@keyframes codeCursor {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes codeScroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

/* Sections: slight transparency so code peeks through */
body {
  background: #faf8fc !important;
}

.values-band,
.bento-showcase,
.tech-band,
.testimonials,
.industries-band,
.about,
.credentials,
.faq-section,
.contact,
.leadership,
.services-section,
.stats-strip,
#expertise {
  background: rgba(255, 255, 255, 0.9) !important;
}

.service-card,
.team-card,
.value-card,
.pillar,
.bento-cell,
.quote-card,
.cred-card {
  background: rgba(255, 255, 255, 0.95) !important;
}

.lux-bar {
  display: none !important;
}

/* ── HERO: same orange → yellow gradient as old top bar ── */
.hero {
  background: linear-gradient(90deg, #e8751a, #f5c842, #fde68a, #f5c842, #e8751a) !important;
  background-size: 300% 100% !important;
  animation: heroGradient 10s ease-in-out infinite !important;
}

@keyframes heroGradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.hero::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent) !important;
}

.hero .aurora {
  opacity: 0.15 !important;
}

.hero-title {
  color: #ffffff !important;
}

.hero-title em.word--accent {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hero-text {
  color: #2a1654 !important;
}

.hero-badge {
  border-color: rgba(42, 22, 84, 0.2) !important;
  color: #2a1654 !important;
  background: rgba(255, 255, 255, 0.5) !important;
}

.hero-seal {
  color: #2a1654 !important;
  border-color: rgba(232, 117, 26, 0.35) !important;
}

.hero-feat-icon {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(0, 255, 0, 0.45) !important;
}

/* hero-feat colors — see gradient-sections.css */

.kpi-card {
  border-color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(8px);
}

.kpi-card span {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #1a0a2e !important;
  color: #1a0a2e !important;
}

.kpi-card small {
  color: #1a0a2e !important;
}

.float-badge {
  border-color: rgba(42, 22, 84, 0.15) !important;
  color: #2a1654 !important;
  background: rgba(255, 255, 255, 0.65) !important;
}

/* Hero buttons — neon green */
.hero-actions .btn-primary {
  background: #00FF00 !important;
  color: #1a0a2e !important;
  border: 1px solid rgba(0, 200, 0, 0.6) !important;
  box-shadow: 0 6px 28px rgba(0, 255, 0, 0.35) !important;
}

.hero-actions .btn-primary:hover {
  background: #00EE00 !important;
  box-shadow: 0 8px 32px rgba(0, 255, 0, 0.45) !important;
}

.hero-actions .btn-secondary {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 2px solid #00FF00 !important;
  color: #1a0a2e !important;
}

.hero-actions .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: #00DD00 !important;
  color: #1a0a2e !important;
}

/* Hero layout — stop text clipping */
.hero-grid {
  align-items: center !important;
}

.hero-copy {
  padding-right: 2rem !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 5 !important;
}

.hero-text {
  max-width: 100% !important;
  padding-right: 1rem !important;
}

.hero-kpis {
  z-index: 2 !important;
}

.kpi-card--2 {
  left: auto !important;
  right: 2% !important;
  top: 28% !important;
}

/* Nav glass — see glass.css */

/* Nav — see glass.css */

/* Site-wide primary buttons stay orange; hero overrides above */
.btn-primary {
  background: linear-gradient(120deg, #f5c842, #e8751a) !important;
  color: #1a0a2e !important;
}

/* Accent italic site-wide: logo orange */
.accent-italic {
  color: #e8751a !important;
  -webkit-text-fill-color: #e8751a !important;
}

.overline,
.section-head .overline {
  color: #e8751a !important;
  -webkit-text-fill-color: #e8751a !important;
}

/* Dark sections — see gradient-sections.css */

.section-head--light .overline,
.methodology .overline {
  color: #f5c842 !important;
  -webkit-text-fill-color: #f5c842 !important;
}

.section-head--light .accent-italic,
.methodology .accent-italic {
  color: #f5c842 !important;
  -webkit-text-fill-color: #f5c842 !important;
}

.timeline-dot {
  background: linear-gradient(135deg, #f5c842, #e8751a) !important;
  color: #1a0a2e !important;
}

/* Global band — see gradient-sections.css */

/* Scroll progress */
.scroll-progress {
  background: linear-gradient(90deg, #f5c842, #e8751a) !important;
}

/* Floating CTA */
.floating-cta {
  background: linear-gradient(135deg, #e8751a, #f5c842, #e8751a) !important;
  color: #1a0a2e !important;
}

/* Footer */
.footer {
  background: #1a0a2e !important;
  border-image: linear-gradient(90deg, #e8751a, #f5c842, #ffffff, #f5c842, #e8751a) 1 !important;
}

@media (max-width: 768px) {
  .code-line { opacity: 0.08 !important; font-size: 0.6rem !important; }
  .kpi-card--2 { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .code-wallpaper-track { animation: none !important; }
}