/* Supplied GYNAEQ artwork, with screenshot margins excluded by its SVG viewport. */
.gynaeq-brand-logo {
  display: block;
  width: 170px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.beco-header .gynaeq-brand-logo {
  width: 140px;
}
footer .gynaeq-brand-logo,
.sidebar-header .gynaeq-brand-logo {
  border-radius: 4px;
}
body:has(> .beco-header) { padding-top: 0; }
.beco-header, .beco-topbar { font-family: 'Inter', sans-serif; }

/* White artwork on dark surfaces; screen removes the inverted screenshot background. */
footer .gynaeq-brand-logo,
.sidebar-header .gynaeq-brand-logo {
  filter: grayscale(1) invert(1) contrast(20);
  mix-blend-mode: screen;
  border-radius: 0;
}

/* Use the available mobile width for the homepage hero. */
@media (max-width: 768px) {
  .beco-hero-section > .beco-container { width: calc(100% - 20px); max-width: none; padding-left: 0; padding-right: 0; }
  .beco-hero-section .beco-hero-box { padding: 12px; border-radius: 20px; }
  .beco-hero-section .beco-hero-card { width: 100%; max-width: none; margin: 0; padding: 26px 22px; border-radius: 16px; box-sizing: border-box; }
  .beco-hero-section .beco-hero-title { font-size: clamp(28px, 7vw, 38px); line-height: 1.16; }
  .beco-hero-section .beco-hero-desc { font-size: 14px; line-height: 1.65; }
  .beco-hero-section .beco-hero-btn { max-width: 100%; }
}

.beco-separated-section { border-top: 0; }

/* Active Navigation Indicator */
.beco-nav-links a.active {
  color: #C7186F !important;
  font-weight: 800;
  position: relative;
}
.beco-nav-links a.active::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #C7186F;
  border-radius: 2px;
}

/* Unified Breadcrumb Navigation - Sleek, Very Small & Unbold */
.breadcrumb-nav {
  padding: 6px 0 !important;
  border-bottom: 1px solid #F1F3F6;
  background: #FFFFFF;
  line-height: 1.2;
}
.breadcrumb-container {
  max-width: var(--beco-container, 1440px);
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.6875rem !important; /* 11px very small */
  font-family: 'Inter', -apple-system, sans-serif;
  color: #8A95A5;
  font-weight: 400 !important; /* unbold */
}
.breadcrumb-link {
  color: #8A95A5 !important;
  font-size: 0.6875rem !important;
  font-weight: 400 !important; /* unbold */
  text-decoration: none;
  transition: color 0.15s ease;
}
.breadcrumb-link:hover {
  color: #C7186F !important;
}
.breadcrumb-separator {
  color: #D1D5DB !important;
  font-size: 0.625rem !important;
  font-weight: 400 !important;
  padding: 0 1px;
}
.breadcrumb-current {
  color: #475569 !important;
  font-size: 0.6875rem !important;
  font-weight: 400 !important; /* unbold */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Universal Trust & Metric Stats Grid (Matching About Page Reference) */
.about-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 32px 0 48px;
  max-width: var(--beco-container, 1440px);
  margin: 0 auto;
}
.about-stat-box {
  background: #FFFFFF;
  padding: 28px 22px;
  border-radius: 16px;
  border: 1px solid #E2E8F0;
  box-shadow: 0 2px 10px rgba(11, 25, 44, 0.04);
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.about-stat-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(199, 24, 111, 0.08);
}
.about-stat-number {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 2.75rem;
  font-weight: 800;
  color: #C7186F;
  margin-bottom: 8px;
  line-height: 1;
}
.about-stat-desc {
  font-size: 0.875rem;
  color: #475569;
  font-weight: 600;
  line-height: 1.45;
}
@media (max-width: 1024px) {
  .about-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .about-stats-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}


/* Transparent vector artwork stays crisp and vertically centered. */
.beco-logo{flex-shrink:0;align-self:center;line-height:0}.beco-header .gynaeq-brand-logo{width:150px;height:auto;display:block}footer .gynaeq-brand-logo,.sidebar-header .gynaeq-brand-logo{filter:none;mix-blend-mode:normal}