.ai-hero{padding:48px 0 40px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center}
.ai-hero h1{font-size:clamp(3.2rem,5.9vw,6rem);line-height:.89;letter-spacing:-.06em;margin:12px 0 20px}.lead{font-size:1.17rem;line-height:1.65;color:#d8dde7}
.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid var(--cyan);background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}
.chat-demo{background:#111722;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow);min-height:390px}.bubble{max-width:88%;padding:14px 16px;border-radius:18px;margin:13px 0;line-height:1.5}.human{margin-left:auto;background:#283140}.machine{background:#15252b;border:1px solid #285363}.typing{display:inline-flex;gap:5px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.15}}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.fact{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}.fact strong{display:block;color:var(--gold);font-size:1.16rem}.fact small{color:var(--muted)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.promptbox{width:100%;min-height:100px;background:#0d131c;color:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;font:inherit;resize:vertical}.styles{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.stylebtn{background:#222936;color:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 13px;font-weight:850;cursor:pointer}.stylebtn.active{outline:2px solid var(--cyan)}
.aiout{min-height:155px;background:#0d131c;border:1px solid var(--line);border-radius:16px;padding:17px;line-height:1.6}.token{display:inline-block;padding:3px 5px;margin:2px;border-radius:5px;background:rgba(86,215,255,.12);border:1px solid rgba(86,215,255,.2)}
.timeline-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.era{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px}.era strong{font-size:1.4rem;color:var(--cyan);display:block}
.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compare>div{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.egobox{border:1px solid rgba(255,90,90,.38);border-radius:28px;padding:30px;background:radial-gradient(circle at 80% 30%,rgba(255,66,66,.13),transparent 40%),var(--panel)}.versus{font-size:clamp(3rem,8vw,6.5rem);font-weight:950;letter-spacing:-.07em;line-height:.9;margin:15px 0}.versus span{color:#ff5d5d}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{padding:14px;border:1px solid var(--line);border-radius:12px;background:#202631;color:#fff;font-weight:900;cursor:pointer}.choice.good{outline:2px solid var(--green)}.choice.bad{outline:2px solid #ff6969}.quiz-result{min-height:44px;margin-top:14px;font-weight:850}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin:9px 0}.faq summary{font-weight:900;cursor:pointer}.sources{color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.sources a{color:#a9e8ff}
.final{padding:75px 0;text-align:center}.final h2{font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:-.06em}.code-old{font-family:monospace;color:var(--gold);font-size:1.3rem}.final-line{font-size:1.35rem;color:#d9dee8;max-width:760px;margin:25px auto}
.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none}.next-card strong{display:block;margin:5px 0}.next-card small{color:var(--muted)}
@media(max-width:820px){.hero-grid,.lab-grid,.compare,.timeline-mini{grid-template-columns:1fr}.fact-strip{grid-template-columns:1fr 1fr}.ai-hero h1{font-size:clamp(3rem,14vw,5rem)}.quiz-options,.next-cards{grid-template-columns:1fr}}


/* ===== KI Hero: kompaktere Headline ===== */
.ai-hero .hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(470px,.82fr);
  gap:54px;
}
.ai-hero h1{
  font-size:clamp(3.1rem,4.65vw,5rem);
  line-height:.94;
  letter-spacing:-.055em;
  max-width:760px;
}
@media(max-width:1050px){
  .ai-hero .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
    gap:34px;
  }
  .ai-hero h1{font-size:clamp(3rem,5.2vw,4.5rem)}
}
@media(max-width:820px){
  .ai-hero .hero-grid{grid-template-columns:1fr}
  .ai-hero h1{
    font-size:clamp(2.9rem,12vw,4.5rem);
    max-width:none;
  }
}