/**
 * Marketing — helle Navigation, Footer und Übergänge (V3 Light / Serenia Club Stil)
 */
.mkt-page {
  --mkt-nav-bg: rgba(250, 247, 242, 0.96);
  --mkt-nav-border: rgba(28, 38, 52, 0.08);
}

.mkt-page .mkt-atmo {
  background:
    radial-gradient(ellipse 65% 42% at 20% 0%, rgba(201, 168, 76, 0.08), transparent 58%),
    radial-gradient(ellipse 50% 38% at 85% 15%, rgba(90, 143, 154, 0.05), transparent 52%);
}

.mkt-nav-shell {
  background: var(--mkt-nav-bg);
  border-bottom-color: var(--mkt-nav-border);
  box-shadow: 0 4px 24px rgba(28, 38, 52, 0.04);
}

.mkt-nav-shell .mkt-logo-title {
  color: #b8923a;
}

.mkt-nav-shell .mkt-logo-eyebrow {
  color: #4a7d87;
}

.mkt-nav-links a {
  color: #5c6778;
}

.mkt-nav-links a:hover {
  color: #1c2634;
}

.mkt-nav-shell .mkt-btn-primary,
.mkt-nav-shell .btn.mkt-btn-primary {
  background: linear-gradient(135deg, #c9a84c, #a87840);
  color: #1c2634;
}

.mkt-footer,
.mkt-page footer {
  background: #f4efe6;
  border-top: 1px solid rgba(28, 38, 52, 0.08);
  color: #5c6778;
}

.mkt-footer a,
.mkt-page footer a {
  color: #4a7d87;
}

.mkt-strip {
  background: linear-gradient(90deg, rgba(201, 168, 76, 0.12), rgba(90, 143, 154, 0.08));
  border-block: 1px solid rgba(28, 38, 52, 0.06);
  color: #1c2634;
}

.mkt-section:not(.mkt-section--serenia)#story,
.mkt-section:not(.mkt-section--serenia)#voices,
.mkt-section.mkt-orgs {
  background: linear-gradient(180deg, rgba(244, 239, 230, 0.35) 0%, transparent 100%);
}

.mkt-section:not(.mkt-section--serenia) .mkt-trust-card,
.mkt-section:not(.mkt-section--serenia) .mkt-story-beat {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(28, 38, 52, 0.08);
  box-shadow: 0 8px 32px rgba(28, 38, 52, 0.05);
}