/* German conversation landing — scoped to .ec-page--german only */
.ec-page--german {
  --ec-orange: #e11d48;
  --ec-orange-deep: #be123c;
  --de-gold: #c9a227;
  --de-ink: #0f172a;
}

.ec-page--german .ec-kicker {
  color: var(--ec-orange-deep);
}

/* Titles a bit bolder on German page only */
.ec-page--german .ec-h1,
.ec-page--german .ec-h2,
.ec-page--german .ec-h3,
.ec-page--german .wp-typo-heading,
.ec-page--german .ec-hero__copy .ec-h1 {
  font-weight: 900;
  letter-spacing: -0.01em;
}

.ec-page--german .ec-btn--primary {
  background: linear-gradient(135deg, #e11d48, #f97316);
  border-color: transparent;
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.28);
}

.ec-page--german .ec-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(225, 29, 72, 0.34);
}

.ec-page--german .ec-btn--ghost:hover {
  border-color: #e11d48;
  color: #be123c;
}

/* Soft animated band behind soft sections */
.ec-page--german .ec-section--soft {
  position: relative;
  background:
    radial-gradient(900px 280px at 90% 0%, rgba(225, 29, 72, 0.08), transparent 60%),
    radial-gradient(700px 240px at 10% 100%, rgba(201, 162, 39, 0.1), transparent 55%),
    #f8fafc;
  overflow: hidden;
}

.ec-page--german .ec-books {
  gap: 1.15rem;
}

.ec-page--german .ec-book {
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #fff;
  padding: 1rem;
  transition: transform 0.35s var(--ec-ease), box-shadow 0.35s var(--ec-ease), border-color 0.25s ease;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.ec-page--german .ec-book:hover {
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(225, 29, 72, 0.35);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.ec-page--german .ec-book figure {
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(160deg, #0f172a, #334155);
}

.ec-page--german .ec-book img {
  transition: transform 0.55s var(--ec-ease);
}

.ec-page--german .ec-book:hover img {
  transform: scale(1.05);
}

.ec-page--german .ec-book__level {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(225, 29, 72, 0.1);
  color: #be123c;
  font-size: 0.75rem;
  font-weight: 800;
}

.ec-page--german .wp-cards {
  gap: 1rem;
}

.ec-page--german .wp-card {
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  background: #fff;
  transition: transform 0.3s var(--ec-ease), box-shadow 0.3s var(--ec-ease), border-color 0.25s ease;
}

.ec-page--german .wp-card:hover {
  transform: translateY(-4px);
  border-color: rgba(201, 162, 39, 0.45);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1);
}

.ec-page--german .wp-card__icon {
  background: linear-gradient(135deg, rgba(225, 29, 72, 0.12), rgba(201, 162, 39, 0.16));
  border-radius: 14px;
}

.ec-page--german .wp-split__media {
  border-radius: 22px;
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.16);
  transform: rotate(-0.6deg);
  transition: transform 0.45s var(--ec-ease);
}

.ec-page--german .wp-split:hover .wp-split__media {
  transform: rotate(0deg) scale(1.015);
}

.ec-page--german .wp-tab.is-active,
.ec-page--german .ec-tab.is-active {
  background: #0f172a;
  color: #fff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
}

.ec-page--german .wp-level {
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.ec-page--german .ec-reveal {
  opacity: 0;
  transform: translateY(22px) scale(0.985);
  transition: opacity 0.7s var(--ec-ease), transform 0.7s var(--ec-ease);
}

.ec-page--german .ec-reveal.is-in {
  opacity: 1;
  transform: none;
}

.ec-page--german .ec-book.ec-reveal:nth-child(2) { transition-delay: 0.06s; }
.ec-page--german .ec-book.ec-reveal:nth-child(3) { transition-delay: 0.12s; }
.ec-page--german .ec-book.ec-reveal:nth-child(4) { transition-delay: 0.18s; }

.ec-page--german .wp-card {
  opacity: 0;
  transform: translateY(18px);
  animation: deCardIn 0.65s var(--ec-ease) forwards;
}
.ec-page--german .wp-card:nth-child(1) { animation-delay: 0.05s; }
.ec-page--german .wp-card:nth-child(2) { animation-delay: 0.1s; }
.ec-page--german .wp-card:nth-child(3) { animation-delay: 0.15s; }
.ec-page--german .wp-card:nth-child(4) { animation-delay: 0.2s; }
.ec-page--german .wp-card:nth-child(5) { animation-delay: 0.25s; }
.ec-page--german .wp-card:nth-child(6) { animation-delay: 0.3s; }

@keyframes deCardIn {
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ec-page--german .ec-reveal,
  .ec-page--german .wp-card,
  .ec-page--german .ec-book,
  .ec-page--german .wp-split__media {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}