/* FEJOLEM presentation refinements — September 2026 */

/* Let the main value proposition open the page immediately. */
.hero-copy > .eyebrow {
  display: none !important;
}

.hero-copy {
  padding-top: 0;
}

/* Stronger body text contrast on light backgrounds. */
body,
.product-summary,
.product-card li,
.section-heading > p:last-child,
.split-heading > p,
.company-copy p,
.vision-copy p,
.contact-copy p,
.tech-stack p,
.vision-cards p,
.sector-grid span {
  color: #26313d;
}

/* Preserve full contrast inside the dark AEOP product card. */
.product-card-aeop .product-summary,
.product-card-aeop li {
  color: #f3f7fb !important;
}

.product-card-aeop li::before {
  background: #35d2be !important;
}

/* Technology system: dark operational canvas with high-contrast content. */
.hero-system {
  border-color: #1c2733 !important;
  background:
    radial-gradient(circle at 80% 12%, rgba(37, 198, 170, .12), transparent 34%),
    radial-gradient(circle at 18% 86%, rgba(45, 116, 255, .12), transparent 32%),
    linear-gradient(145deg, #05080d 0%, #090f17 55%, #04070b 100%) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28), inset 0 0 60px rgba(255,255,255,.015) !important;
}

.hero-system::before {
  background: linear-gradient(90deg, #174ecf 0%, #2f78ff 52%, #27cbb8 100%) !important;
}

.system-grid {
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
}

.system-core {
  z-index: 6 !important;
  border-color: rgba(45, 216, 190, .42) !important;
  background: rgba(7, 13, 20, .97) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.4), 0 0 36px rgba(39,203,184,.05) !important;
}

.system-core small {
  position: relative;
  z-index: 8;
  margin-bottom: .75rem !important;
  color: #65e2ce !important;
  font-size: .56rem !important;
  letter-spacing: .12em !important;
  white-space: nowrap;
}

.system-core strong {
  color: #f6f9fc !important;
}

.system-chip {
  z-index: 4 !important;
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(17, 24, 34, .96) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.3) !important;
}

.system-chip span {
  color: #53d8c2 !important;
}

.system-chip small {
  color: #d2d9e1 !important;
}

.system-orbit {
  border-color: rgba(74, 185, 255, .18) !important;
}

/* Leadership intentionally removed from public presentation. */
.leadership-card {
  display: none !important;
}

/* Footer: tighter, more corporate, less vertical whitespace. */
.site-footer {
  padding: 2.1rem 0 1.35rem !important;
}

.footer-grid {
  gap: 1.25rem !important;
  align-items: start;
}

.footer-brand > p {
  margin: .65rem 0 0 !important;
}

.footer-links {
  gap: .28rem !important;
}

.footer-links strong {
  margin-bottom: .18rem !important;
}

.footer-note p {
  margin: 0 0 .38rem !important;
}

.footer-brand .brand-official-logo {
  width: 48px !important;
  height: 48px !important;
}

.footer-brand .brand-copy strong {
  font-size: .92rem !important;
}

.footer-brand .brand-copy small {
  font-size: .58rem !important;
}

@media (max-width: 760px) {
  .hero {
    padding-top: 3.2rem !important;
  }

  .hero-system {
    aspect-ratio: 1 / .9;
    min-height: 430px;
  }

  .system-core {
    width: 48% !important;
    padding: 1rem !important;
  }

  .system-core small {
    font-size: .48rem !important;
    letter-spacing: .08em !important;
  }

  .system-core strong {
    font-size: .92rem !important;
    line-height: 1.42 !important;
  }

  .system-chip {
    width: 30% !important;
    min-width: 112px;
    padding: .7rem !important;
  }

  .chip-geo { left: 3% !important; top: 13% !important; }
  .chip-ai { right: 3% !important; top: 16% !important; }
  .chip-ops { left: 4% !important; bottom: 13% !important; }
  .chip-comms { right: 4% !important; bottom: 15% !important; }

  .site-footer {
    padding: 1.65rem 0 1.1rem !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }

  .footer-brand > p {
    max-width: none;
    margin-top: .45rem !important;
  }

  .footer-links {
    gap: .2rem !important;
  }

  .footer-links strong {
    margin-bottom: .12rem !important;
  }

  .footer-note {
    padding-top: .2rem;
  }
}