/* Larafox visual-system alignment for the EIC partner pages. */
.eic-page {
  background: var(--color-cream-100);
  color: var(--color-graphite-900);
}

.eic-header {
  background: #f7f4edf0;
  border-bottom-color: #0b25451a;
}

.eic-header .main-nav a[aria-current="page"] {
  color: var(--color-navy-950);
}

.eic-header .main-nav a[aria-current="page"]::after {
  background: var(--color-blue-600);
}

.eic-hero {
  background: var(--color-cream-100);
  color: var(--color-graphite-900);
  padding-block: clamp(4rem, 9vw, 8rem);
}

.eic-hero::after {
  background-image:
    linear-gradient(#0b25450a 1px, transparent 1px),
    linear-gradient(90deg, #0b25450a 1px, transparent 1px);
  mask-image: linear-gradient(90deg, transparent 25%, #000);
}

.partner-lockup {
  color: var(--color-navy-950);
}

.partner-lockup b,
.eic-kicker {
  color: var(--color-blue-600);
}

.partner-lockup small {
  border-left-color: var(--color-border);
  color: var(--color-graphite-500);
}

.eic-hero h1 {
  color: var(--color-navy-950);
  font-size: clamp(3rem, 5.2vw, 5.25rem);
  line-height: 1;
}

.eic-intro {
  color: var(--color-graphite-700);
}

.eic-button {
  background: var(--color-navy-900);
  border-color: var(--color-navy-900);
}

.eic-button:hover {
  background: var(--color-blue-600);
  border-color: var(--color-blue-600);
}

.eic-text-link {
  color: var(--color-blue-600);
}

.eic-text-link span {
  color: var(--color-orange-600);
}

.eic-proof {
  border-top-color: var(--color-border);
}

.eic-proof strong {
  color: var(--color-navy-950);
}

.eic-proof span {
  color: var(--color-graphite-500);
}

.control-cabinet {
  aspect-ratio: 16 / 10;
  background: var(--color-white) url("/images/canva/eic-control-panel.webp") center / cover no-repeat;
  border: 1px solid #0b254529;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.control-cabinet > * {
  display: none;
}

.eic-trustbar {
  border-block: 1px solid var(--color-border);
}

.eic-section {
  background: var(--color-cream-100);
}

.eic-section:nth-of-type(3) {
  background: var(--color-white);
}

.eic-dark-section {
  background: var(--color-navy-950);
}

.eic-cta {
  background: var(--color-navy-900);
}

.eic-cta .eic-kicker {
  color: #b9d7fb;
}

.eic-button-light {
  background: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-navy-950);
}

.eic-button-light:hover {
  background: var(--color-orange-500);
  border-color: var(--color-orange-500);
  color: var(--color-navy-950);
}

@media (max-width: 47.99rem) {
  .eic-hero {
    padding-top: 3.5rem;
  }

  .partner-lockup small {
    border-left: 0;
  }
}
