/* easyKI-Seite: acht Schritte und Denkschleife */
.podsteps { display: grid; gap: var(--space-4); list-style: none; padding: 0; margin: 0; }
.podstep { display: grid; align-content: start; gap: var(--space-3); padding: clamp(1.25rem, 1rem + 1vw, 1.9rem); border-radius: var(--radius-lg); background: var(--em-white); border: 1px solid var(--line); transition: transform var(--dur-base) var(--ease-out), border-color var(--dur-base); }
.podstep:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--em-gold-500) 55%, transparent); }
.podstep__num { color: var(--accent-text); }
.podstep__name { font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.55rem); font-weight: 720; letter-spacing: -0.025em; line-height: 1.15; }
.podstep__out { color: var(--fg); font-size: var(--fs-small); line-height: 1.55; }
.podstep__learn { margin-top: auto; padding-top: var(--space-3); border-top: 1px dashed var(--line-strong); color: var(--fg-muted); font-size: var(--fs-small); line-height: 1.5; }
.podstep__learn .mono { display: block; margin-bottom: 0.25rem; color: var(--fg-muted); font-size: 0.68rem; }
@media (min-width: 640px) { .podsteps { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .podsteps { grid-template-columns: repeat(4, 1fr); } }

.loop { display: grid; gap: var(--space-4); list-style: none; padding: 0; margin: 0; counter-reset: none; }
.loop li { position: relative; display: grid; gap: var(--space-2); padding: var(--space-6); border-radius: var(--radius-lg); background: var(--surface-raised); border: 1px solid var(--line); }
.loop__num { width: 2.6rem; height: 2.6rem; border-radius: 50%; display: grid; place-items: center; background: var(--em-gold-gradient); color: var(--em-black); font-weight: 800; margin-bottom: var(--space-2); }
.loop strong { font-size: clamp(1.4rem, 1.1rem + 0.8vw, 1.9rem); font-weight: 740; letter-spacing: -0.03em; }
.loop li > span:last-child { color: var(--fg-muted); }
@media (min-width: 900px) {
  .loop { grid-template-columns: repeat(3, 1fr); }
  .loop li:not(:last-child)::after { content: "→"; position: absolute; right: -1.05rem; top: 50%; translate: 0 -50%; z-index: 1; width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; background: var(--em-black); color: var(--em-gold-300); border: 1px solid var(--line-strong); }
}

/* easyKI-Logo */
.easyki-logo { display: block; width: clamp(200px, 150px + 10vw, 340px); height: auto; margin-bottom: var(--space-5); }
.easyki-logo--section { width: clamp(180px, 140px + 8vw, 280px); margin-bottom: var(--space-4); }
/* Logo oben an der Handy-Grafik, über dem Bogen */
.hero-media--easyki { padding-top: clamp(5.5rem, 4.5rem + 2.5vw, 7rem); }
.easyki-logo--hero { position: absolute; z-index: 3; left: 50%; top: 0; translate: -50% 0; width: clamp(170px, 130px + 6vw, 230px); margin: 0; }
.hero-media--easyki .hero-media__arc--top { top: clamp(3.6rem, 2.9rem + 1.6vw, 4.6rem); }

/* === Neuer Seitenaufbau nach Briefing (09.10.2026) ======================= */
.ek-bridge { margin-top: var(--space-4); padding: var(--space-4) var(--space-5); border-left: 3px solid var(--em-gold-500); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: rgba(239, 179, 46, 0.07); color: var(--fg); line-height: 1.55; }
.ek-bridge .mono { display: block; margin-bottom: 0.3rem; color: var(--em-gold-300); font-size: 0.7rem; }

/* Markenbild im Einstieg */
.ek-brand { position: relative; margin: 0; display: grid; justify-items: center; align-content: center; gap: var(--space-5); padding: clamp(3rem, 2rem + 4vw, 5.5rem) clamp(1.5rem, 1rem + 3vw, 3.5rem); border-radius: var(--radius-xl); border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(70% 60% at 50% 40%, rgba(232, 137, 42, 0.18), transparent 70%), rgba(255, 255, 255, 0.02); }
.ek-brand img { width: min(100%, 440px); height: auto; }
.ek-brand figcaption { color: var(--fg-muted); font-size: 0.72rem; }
.ek-brand__arc { width: 62%; height: auto; overflow: visible; }
.ek-brand__arc path { fill: none; stroke-width: 4px; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.ek-brand__arc--top path { stroke: var(--em-gold-300); }
.ek-brand__arc--bottom path { stroke: rgba(255, 255, 255, 0.85); }

/* Ruhiger Textabschnitt */
.ek-calm { max-width: 52rem; }
.ek-calm .h2 { margin-top: var(--space-5); }
.ek-calm__text { margin-top: var(--space-6); display: grid; gap: var(--space-4); font-size: clamp(1.15rem, 1rem + 0.5vw, 1.4rem); line-height: 1.55; color: var(--fg-muted); }
.ek-calm__turn { color: var(--fg); font-weight: 650; }
.ek-text { display: grid; gap: var(--space-4); color: var(--fg-muted); }
.ek-text strong { color: var(--fg); }

/* Drei Punkte */
.ek-points { display: grid; gap: var(--space-4); list-style: none; padding: 0; margin: var(--space-8) 0 0; }
.ek-points li { display: grid; grid-template-columns: auto 1fr; gap: var(--space-4); align-items: start; padding-top: var(--space-5); border-top: 2px solid var(--em-gold-500); }
.ek-points__icon { width: 2.4rem; height: 2.4rem; border-radius: 50%; display: grid; place-items: center; background: var(--em-gold-gradient); color: var(--em-black); }
.ek-points__icon .icon { width: 1.1rem; height: 1.1rem; stroke-width: 2.4; }
.ek-points strong { display: block; font-size: clamp(1.1rem, 1rem + 0.4vw, 1.3rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; }
.ek-points span:last-child { color: var(--fg-muted); }
@media (min-width: 900px) { .ek-points { grid-template-columns: repeat(3, 1fr); gap: var(--gutter); } }

/* Beispiel-Podcast */
.ek-example { display: grid; gap: clamp(2rem, 1.5rem + 3vw, 4.5rem); align-items: center; margin-top: var(--space-8); }
.ek-example__media { margin: 0; }
.ek-example__media img { display: block; width: 100%; max-width: 520px; height: auto; margin-inline: auto; border-radius: var(--radius-xl); box-shadow: 0 40px 80px -40px rgba(17, 17, 13, 0.6); }
.ek-example__media figcaption { margin-top: var(--space-3); text-align: center; color: var(--fg-muted); font-size: 0.72rem; }
.ek-example__text { display: grid; gap: var(--space-4); justify-items: start; }
.ek-example__title { font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); font-weight: 740; letter-spacing: -0.03em; line-height: 1.08; }
.ek-example__title em { font-family: var(--font-serif); font-weight: 400; color: var(--accent-text); }
.ek-example__text > p { color: var(--fg-muted); }
.ek-results { display: grid; gap: var(--space-3); list-style: none; padding: 0; margin: var(--space-2) 0 var(--space-3); }
.ek-results li { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); align-items: start; padding: var(--space-4); border-radius: var(--radius-md); background: var(--em-white); border: 1px solid var(--line); }
.ek-results .icon { width: 1.25rem; height: 1.25rem; color: var(--accent-text); margin-top: 0.1rem; }
@media (min-width: 960px) { .ek-example { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } }

/* Kursformat in drei Schritten */
.ek-format { display: grid; gap: var(--space-4); list-style: none; padding: 0; margin: var(--space-8) 0 0; }
.ek-format li { position: relative; display: grid; align-content: start; gap: var(--space-3); padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem); border-radius: var(--radius-lg); background: var(--em-paper, #f5f3ee); border: 1px solid var(--line); }
.ek-format__tag { justify-self: start; padding: 0.35rem 0.75rem; border-radius: 999px; background: var(--em-black); color: var(--em-gold-300); font-size: 0.68rem; }
.ek-format__num { position: absolute; top: 1rem; right: 1.4rem; font-size: 3.5rem; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1px color-mix(in srgb, var(--em-gold-500) 45%, transparent); }
.ek-format h3 { font-size: clamp(1.2rem, 1.05rem + 0.5vw, 1.45rem); font-weight: 720; letter-spacing: -0.02em; line-height: 1.2; margin-top: var(--space-2); }
.ek-format p { color: var(--fg-muted); font-size: var(--fs-small); line-height: 1.6; }
@media (min-width: 900px) { .ek-format { grid-template-columns: repeat(3, 1fr); } }

/* Acht Stationen kompakt */
.ek-steps { display: grid; gap: 0; list-style: none; padding: 0; margin: var(--space-7) 0 0; border-top: 1px solid var(--line-strong); }
.ek-steps li { display: grid; grid-template-columns: 3rem 1fr; gap: var(--space-4); align-items: baseline; padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
.ek-steps__num { color: var(--accent-text); font-size: 0.85rem; }
.ek-steps h3 { font-size: 1.1rem; font-weight: 700; letter-spacing: -0.015em; }
.ek-steps p { color: var(--fg-muted); font-size: var(--fs-small); margin-top: 0.15rem; }
@media (min-width: 900px) { .ek-steps { grid-template-columns: 1fr 1fr; column-gap: var(--gutter); } }

/* Angebot */
.ek-offer__name { font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem); font-weight: 750; letter-spacing: -0.03em; line-height: 1.1; color: var(--fg); margin-top: -0.4rem; }
.ek-pay { display: grid; gap: var(--space-4); }
.ek-pay__option { display: grid; gap: var(--space-3); justify-items: start; padding-top: var(--space-4); border-top: 1px solid var(--line); }
.ek-pay__option .mono { color: var(--fg-muted); font-size: 0.7rem; }
.ek-pay__raten { color: var(--fg-muted); }
.ek-pay__raten strong { color: var(--fg); font-size: 1.3rem; }
.ek-pay .btn { max-width: 100%; white-space: normal; }
.hero-split__text .hero__lead + .hero__lead { margin-top: var(--space-3); }
/* Frühbucher-Hinweise */
.ek-early { margin-top: var(--space-4); display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.6rem; padding: 0.6rem 1rem; border-radius: 999px; border: 1px solid rgba(239, 179, 46, 0.45); background: rgba(239, 179, 46, 0.1); color: var(--fg); }
.ek-early .mono { color: var(--em-gold-300); font-size: 0.68rem; }
.ek-early strong { font-size: 1.15rem; }
.ek-early s, .price__amount s { opacity: 0.65; }
.ek-deal { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1rem; padding: 1rem 1.2rem; border-radius: 18px; background: var(--em-gold-gradient); color: var(--em-black); box-shadow: 0 18px 40px -22px rgba(232, 137, 42, 0.8); }
.ek-deal__tag { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; color: var(--em-black); }
.ek-deal__title { font-size: 1.15rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; }
.ek-deal__count { padding: 0.45rem 0.95rem; border-radius: 999px; background: var(--em-black); color: var(--em-gold-300); font-weight: 750; white-space: nowrap; }
.ek-save { padding: 0.3rem 0.75rem; border-radius: 999px; border: 1px solid rgba(239, 179, 46, 0.55); background: rgba(239, 179, 46, 0.14); color: var(--em-gold-300); font-size: 0.85rem; font-weight: 700; }
.ek-pay__raten s { opacity: 0.65; }
.ek-pay .price__amount span { font-size: 1.05rem; }
.ek-pay .price__amount s { color: var(--fg); }

/* Ankündigung: erstes easyKI-Projekt */
.ek-launch { position: relative; overflow: hidden; background: radial-gradient(55% 70% at 88% 18%, rgba(232, 137, 42, 0.22), transparent 62%), var(--bg); }
.ek-launch__inner { display: grid; gap: var(--space-7); align-items: center; }
@media (min-width: 900px) { .ek-launch__inner { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); } }
.ek-launch__title { font-size: clamp(2.3rem, 1.5rem + 3.4vw, 4.4rem); line-height: 1.02; margin-block: var(--space-4); }
.ek-launch .lead { max-width: 38rem; color: var(--fg); }
.ek-launch__more { margin-top: var(--space-4); max-width: 38rem; color: var(--fg-muted); }
.ek-launch__more strong { color: var(--em-gold-300); }
.ek-launch .btn-row { margin-top: var(--space-5); }
.ek-launch__road { display: grid; gap: var(--space-3); }
.ek-launch__road li { display: grid; gap: 0.25rem; padding: 1.1rem 1.3rem; border-radius: 18px; border: 1px dashed var(--line); color: var(--fg-muted); }
.ek-launch__road .mono { font-size: 0.7rem; color: var(--em-gold-300); }
.ek-launch__road b { font-size: 1.2rem; font-weight: 750; letter-spacing: -0.02em; color: var(--fg-muted); }
.ek-launch__road small { font-size: var(--fs-small); }
.ek-launch__road li.is-live { border: 1px solid rgba(239, 179, 46, 0.6); background: linear-gradient(135deg, rgba(239, 179, 46, 0.18), rgba(232, 137, 42, 0.05)); box-shadow: 0 24px 50px -30px rgba(232, 137, 42, 0.8); }
.ek-launch__road li.is-live b { color: var(--fg); font-size: 1.45rem; }
.ek-launch__road li.is-live small { color: var(--em-gold-300); font-weight: 600; }