Erst Bilder, dann Videos, dann die Seite. Sonst wird es teuer.

# Datei: .env, im Projektordner, kommt nie in einen Chat
KIE_API_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Nutze den Skill cinematic-scroll.
Thema: Bauträger, schlüsselfertiges Einfamilienhaus.
Die Seite erzählt drei Stationen:
1. Rohbau - der Bagger hebt die Grube aus, Morgenlicht, Staub.
   Aussage: wir fangen bei null an, auf deinem Grundstück.
2. Aufbau - der Rohbau steht, der Kran setzt die Deckenelemente,
   Mittagslicht, hart und sachlich.
   Aussage: feste Bauzeit, feste Gewerke.
3. Übergabe - das Haus steht, Abendlicht, das Licht geht an.
   Aussage: schlüsselfertig, der Termin steht schon heute fest.
Ton: seriös und handwerklich, kein Hochglanz-Marketing.
Palette: Stahlgrau als Grund, Signalgelb als einziger Akzent.
Kein Lila, kein Blau-Verlauf, keine Neon-Kombination.
Referenz für Animationen und Scroll-Effekte: https://oryzo.ai
Fang bei Phase 0 an: Referenz live im Browser durchscrollen und die
Beat-Map bauen. Schreib keine Zeile Code, bevor die Beat-Map steht
und ich sie freigegeben habe.
Die Engine-Entscheidung triffst du in Phase 2 und begründest sie mir
in zwei Sätzen.

Bilder sind freigegeben. Weiter mit Baustein 2 - die Bewegung.
Nutz den media-Skill, Modell bytedance/seedance-2-5.
Einstellungen: resolution 1080p, aspect_ratio 16:9, generate_audio false.
Ein Job kann maximal 15 Sekunden. Die Sequenz ist länger, also baust du
eine KETTE statt mehrerer Einzelclips:
- Job 1 mit return_last_frame: true
- den zurückgegebenen letzten Frame als einziges reference_image_urls
  von Job 2 setzen, und so weiter
- die Schnittpunkte legst du auf die Beats der Beat-Map, nicht auf
  glatte 15,0 Sekunden
Kamera-Ansage pro Abschnitt, konkret statt "schöne Bewegung":
- Rohbau: langsame Fahrt auf die Grube zu, Höhe konstant, kein Schwenk
- Aufbau: mit dem Deckenelement mitfahren, während der Kran es absetzt
- Übergabe: langsamer Rückzug vom Haus, bis die ganze Fassade im Bild
  steht und das Licht angeht
Rechne mir einmal die Gesamtkosten aus (Dauer x Auflösung), nenn die
Zahl, und leg dann sofort los - die Kosten sind vorab freigegeben.
Wenn alle Segmente da sind:
1. Miss das Hauptobjekt in Frame 0 gegen das Standbild und gib mir die
   Abweichung in Prozent. Nicht schätzen.
2. Zeig mir jede Naht als Paar: letzter Frame von Job n, erster Frame
   von Job n+1.
Bis dahin keine Rückfragen. Triff unterwegs die naheliegende
Entscheidung und schreib sie in eine Zeile.

Videos sind freigegeben. Weiter mit Baustein 3 - die Seite.
Erst die Frames:
- Segmente zu einer durchgehenden Sequenz zusammenfügen
- Frames in echter nativer Auflösung extrahieren, kein Upscale
- als WebP mit gesetztem alpha_quality
Dann die Seite. Die Choreografie gebe ich vor, bau nicht "was Schönes":
- Einstieg: der erste Scroll fährt in einem Zug durch, nicht Schritt für
  Schritt, sonst ruckelt der Anfang
- danach die drei Stationen, jede erklärt genau eine Sache:
  a. Rohbau - wir fangen bei null an, auf deinem Grundstück
  b. Aufbau - feste Bauzeit, feste Gewerke
  c. Übergabe - schlüsselfertig, der Termin steht schon heute fest
- die Aufnahme wird vom Scroll GESPULT, nicht abgespielt: steht der
  Besucher, steht das Bild. Kein Autoplay, kein Loop im Hauptbereich
- Palette: Stahlgrau als Grund, Signalgelb als einziger Akzent
- Deko-Ebene nicht vergessen: Mono-Microlabels, dünne Linien,
  Nummern-Motive - sonst wirkt die Seite leer
Vor dem Fertigmelden misst du:
- den Übergang Einstieg -> erste Station per Pixel-Vergleich, maximal
  3 Pixel Versatz, kein Augenmaß
- die Bildrate, gemessen nicht geschätzt
Pflicht: Fallback für reduzierte Bewegung, Mobil bei 390px geprüft,
null Fehler in der Konsole.
Melde dich erst wieder, wenn die Seite lokal läuft. Gib mir dann die
URL zum Aufrufen und Screenshots als Beweis - Beat-Serie, Mobil,
Konsole leer. Behaupte nichts, was kein Screenshot zeigt.
Bis dahin keine Rückfragen. Triff unterwegs die naheliegende
Entscheidung und schreib sie in eine Zeile.