/* ── Erstgespräch-spezifische Styles ── */

    /* Hero: dunkel mit Akzent-Highlight */
    .eg-hero {
      background: var(--color-primary-deep);
      padding: clamp(5rem, 10vw, 8rem) 0 clamp(3rem, 6vw, 5rem);
      color: var(--color-white);
      position: relative;
      overflow: hidden;
    }
    .eg-hero::before {
      content: '';
      position: absolute;
      top: -120px;
      right: -80px;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(0,200,168,0.12) 0%, transparent 70%);
      pointer-events: none;
    }
    .eg-hero__inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(3rem, 6vw, 5rem);
      align-items: center;
    }
    .eg-hero__badge {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: rgba(0,200,168,0.15);
      border: 1px solid rgba(0,200,168,0.3);
      color: var(--color-accent);
      font-size: var(--fs-sm);
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      padding: 0.4rem 1rem;
      border-radius: 100px;
      margin-bottom: var(--space-md);
    }
    .eg-hero__title {
      font-family: var(--font-heading);
      font-size: clamp(2rem, 5vw, 3.25rem);
      font-weight: 700;
      line-height: 1.15;
      color: var(--color-white);
      margin-bottom: var(--space-md);
    }
    .eg-hero__title em {
      font-style: italic;
      color: var(--color-accent);
    }
    .eg-hero__text {
      font-size: clamp(1rem, 2vw, 1.15rem);
      color: rgba(255,255,255,0.8);
      line-height: 1.7;
      margin-bottom: var(--space-lg);
    }
    .eg-hero__meta {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }
    .eg-hero__meta-item {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      color: rgba(255,255,255,0.7);
      font-size: var(--fs-sm);
    }
    .eg-hero__meta-item svg {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      color: var(--color-accent);
    }

    /* Calendly Card */
    .eg-card {
      background: var(--color-white);
      border-radius: var(--radius-lg);
      padding: clamp(2rem, 4vw, 3rem);
      box-shadow: 0 24px 80px rgba(0,0,0,0.25);
      position: relative;
    }
    .eg-card__label {
      font-size: var(--fs-sm);
      font-weight: 600;
      color: var(--color-primary);
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 0.5rem;
    }
    .eg-card__title {
      font-family: var(--font-heading);
      font-size: var(--fs-xl);
      color: var(--color-primary);
      margin-bottom: var(--space-sm);
    }
    .eg-card__divider {
      height: 2px;
      background: linear-gradient(90deg, var(--color-accent), transparent);
      margin-bottom: var(--space-md);
    }

    /* Calendly Embed Placeholder */
    .calendly-placeholder {
      background: var(--color-bg-light);
      border: 2px dashed var(--color-border);
      border-radius: var(--radius-md);
      padding: 3rem 2rem;
      text-align: center;
      min-height: 300px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
    }
    .calendly-placeholder__icon {
      width: 56px;
      height: 56px;
      background: var(--color-accent-light);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .calendly-placeholder__icon svg {
      width: 24px;
      height: 24px;
      color: var(--color-accent);
    }
    .calendly-placeholder__text {
      font-size: var(--fs-base);
      color: var(--color-text-muted);
      max-width: 320px;
    }
    .calendly-placeholder__note {
      font-size: var(--fs-sm);
      color: var(--color-text-muted);
      font-style: italic;
    }

    .calendly-inline-widget {
      width: 100%;
      min-width: 100% !important;
      height: min(700px, 75vh) !important;
    }
    .booking-calendar {
      min-height: 300px;
    }
    .booking-calendar__frame {
      display: block;
      width: 100%;
      min-height: 700px;
      border: 0;
      border-radius: var(--radius-md);
    }
    .calendar-status:not(:empty) {
      margin-top: var(--space-sm);
      color: var(--color-primary);
      font-size: var(--fs-sm);
      text-align: center;
    }
    .calendar-privacy,
    .calendar-fallback {
      margin-top: var(--space-sm);
      color: var(--color-text-muted);
      font-size: var(--fs-xs);
      line-height: 1.5;
      text-align: center;
    }
    .calendar-privacy a,
    .calendar-fallback a {
      color: var(--color-primary);
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    /* Was dich erwartet – Steps */
    .eg-steps {
      padding: clamp(3rem, 6vw, 5rem) 0;
      background: var(--color-white);
    }
    .eg-steps__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--space-lg);
      margin-top: var(--space-xl);
    }
    .eg-step {
      display: flex;
      flex-direction: column;
      gap: var(--space-sm);
    }
    .eg-step__num {
      width: 48px;
      height: 48px;
      background: var(--color-accent-light);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: var(--fs-lg);
      color: var(--color-accent);
      flex-shrink: 0;
    }
    .eg-step__title {
      font-family: var(--font-heading);
      font-size: var(--fs-lg);
      color: var(--color-primary);
    }
    .eg-step__text {
      color: var(--color-text-muted);
      line-height: 1.7;
      font-size: var(--fs-base);
    }

    /* Für wen / Nicht für wen – Split Box */
    .eg-split {
      background: var(--color-bg-light);
      padding: clamp(3rem, 6vw, 5rem) 0;
    }
    .eg-split__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-lg);
      margin-top: var(--space-xl);
    }
    .eg-split__col {
      background: var(--color-white);
      border-radius: var(--radius-lg);
      padding: clamp(1.5rem, 3vw, 2.5rem);
    }
    .eg-split__col--yes {
      border-top: 4px solid var(--color-accent);
    }
    .eg-split__col--no {
      border-top: 4px solid #E0E0E0;
    }
    .eg-split__col-title {
      font-family: var(--font-heading);
      font-size: var(--fs-lg);
      color: var(--color-primary);
      margin-bottom: var(--space-md);
    }
    .eg-split__list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }
    .eg-split__list li {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      font-size: var(--fs-base);
      color: var(--color-text);
      line-height: 1.5;
    }
    .eg-split__list li svg {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .eg-split__list--yes li svg { color: var(--color-accent); }
    .eg-split__list--no li svg { color: #BDBDBD; }

    /* Vanessa-Quote */
    .eg-quote {
      padding: clamp(3rem, 6vw, 5rem) 0;
      background: var(--color-primary);
      color: var(--color-white);
    }
    .eg-quote__inner {
      display: grid;
      grid-template-columns: 200px 1fr;
      gap: clamp(2rem, 5vw, 4rem);
      align-items: center;
    }
    .eg-quote__photo {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      overflow: hidden;
      border: 4px solid rgba(0,200,168,0.4);
      flex-shrink: 0;
    }
    .eg-quote__photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
    }
    .eg-quote__text {
      font-family: var(--font-heading);
      font-size: clamp(1.25rem, 3vw, 1.75rem);
      font-style: italic;
      line-height: 1.5;
      color: rgba(255,255,255,0.9);
      margin-bottom: var(--space-sm);
    }
    .eg-quote__attribution {
      font-size: var(--fs-sm);
      color: var(--color-accent);
      font-weight: 600;
    }

    /* Häufige Fragen (Mini-FAQ) */
    .eg-faq {
      padding: clamp(3rem, 6vw, 5rem) 0;
      background: var(--color-white);
    }
    .eg-faq__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-md);
      margin-top: var(--space-xl);
    }
    .eg-faq__item {
      background: var(--color-bg-light);
      border-radius: var(--radius-md);
      padding: var(--space-md);
    }
    .eg-faq__q {
      font-weight: 600;
      color: var(--color-primary);
      font-size: var(--fs-base);
      margin-bottom: 0.5rem;
    }
    .eg-faq__a {
      color: var(--color-text-muted);
      font-size: var(--fs-sm);
      line-height: 1.65;
    }

    /* Responsive */
    @media (max-width: 1024px) {
      .eg-hero__inner { grid-template-columns: 1fr; }
      .eg-steps__grid { grid-template-columns: 1fr 1fr; }
      .eg-quote__inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    }
    @media (max-width: 768px) {
      .eg-steps__grid { grid-template-columns: 1fr; }
      .eg-split__grid { grid-template-columns: 1fr; }
      .eg-faq__grid { grid-template-columns: 1fr; }
      .eg-hero__meta { flex-direction: column; gap: 0.75rem; }
      .eg-card { padding: 1.5rem; }
      .calendly-inline-widget { height: 68vh !important; }
      .booking-calendar__frame { min-height: 680px; }
    }
    @media (max-width: 480px) {
      .calendly-placeholder {
        padding: 2rem 1.25rem;
      }
    }