/* [LANDING-L1.6 21.05.2026] Features-Section Animationen
 *
 * 6 abstrakte SVG/CSS-Animationen, je eine pro Feature.
 * Zweck: dem Besucher die AUTOMATISIERUNG einzelner Workflows in 3–4 Sek erklären,
 * OHNE pixel-genaue Produkt-Mockups zu zeigen (Schutz vor Raubkopie).
 *
 * Discipline (CLAUDE.md):
 * - Nur transform + opacity animieren (GPU-friendly)
 * - Easing: cubic-bezier(0.23,1,0.32,1) Standard, cubic-bezier(0.32,0.72,0,1) für Sheets
 * - prefers-reduced-motion: alle Animationen aus
 * - hover-only-Trigger nur bei (hover:hover) and (pointer:fine), Mobile loop auto via IO
 *
 * Animations-Typen (data-anim auf .lp-feat-visual):
 *   form     — Lead-Routing: Form → Pipeline
 *   calc     — Live-Kalkulation: Items + Total + Status-Flip
 *   sign     — E-Signatur: handschriftliches „Max Mustermann"
 *   mail     — Newsletter-Fan-Out: Plane → 12 Inboxes
 *   tasks    — Aufgaben & Reminder: Bell-Shake + Check
 *   doc      — Function-Sheet: Auto-Build line-by-line
 */

/* [NICE-TO-HAVE 21.05.2026] Eyebrow im 2-Spalten-Mono-Layout statt ·-Bullet */
.lp-feat-text-eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  margin-bottom:18px;
  padding:0;
}
.lp-feat-eyebrow-num{
  font-family:ui-monospace,'JetBrains Mono','SF Mono',Menlo,monospace;
  font-size:.7rem;color:#c9a84c;font-weight:700;letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
}
.lp-feat-eyebrow-flow{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:#86868b;font-weight:600;
}

/* === gemeinsamer Visual-Container === */
.lp-feat-visual{
  position:relative;
  aspect-ratio: 4 / 3;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(28,28,30,.92),rgba(18,18,22,.96));
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 32px 80px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);
}
.lp-feat-visual::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at top right,rgba(201,168,76,.12) 0%,transparent 60%);
  pointer-events:none;z-index:0;
}
/* dezenter Dot-Grid-Texture-Pattern als Vercel-Vibe */
.lp-feat-visual::after{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:18px 18px;
  background-position:0 0;
  opacity:.5;
  pointer-events:none;z-index:0;
}
.lp-fanim{
  position:relative;z-index:1;
  width:88%; height:78%;
  display:flex;align-items:center;justify-content:center;
}
/* IO-gesteuerter Play/Pause: per Default pausiert, .lp-fanim-play läuft.
   Spart CPU/Akku, wenn die Section nicht im Viewport ist. */
.lp-fanim *,
.lp-fanim *::before,
.lp-fanim *::after{
  animation-play-state:paused;
}
.lp-fanim-play *,
.lp-fanim-play *::before,
.lp-fanim-play *::after{
  animation-play-state:running;
}
.lp-fanim-svg{
  width:100%; height:100%;
  font-family:'DM Sans',system-ui,sans-serif;
  overflow:visible;
}

/* Common: Mono-Label-Pill (oben links auf jedem Visual) */
.lp-fanim-label{
  position:absolute;top:14px;left:16px;z-index:2;
  font-family:ui-monospace,'JetBrains Mono','SF Mono',Menlo,monospace;
  font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  color:#6e6e73;
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 9px;border-radius:99px;
  background:rgba(0,0,0,.4);
  border:1px solid rgba(255,255,255,.06);
}
.lp-fanim-label::before{
  content:'';width:6px;height:6px;border-radius:50%;background:#73c691;
  box-shadow:0 0 0 0 rgba(115,198,145,.5);
  animation:lpFlBlink 2.2s cubic-bezier(0.23,1,0.32,1) infinite;
}
@keyframes lpFlBlink{
  0%,100%{box-shadow:0 0 0 0 rgba(115,198,145,.55)}
  60%{box-shadow:0 0 0 7px rgba(115,198,145,0)}
}

/* === 1) FORM → PIPELINE (Lead-Routing) === */
.lp-fanim--form .lpfa-form{
  position:absolute;left:6%;top:14%;width:38%;height:72%;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:8px;
}
/* [BLOCKER-FIX 21.05.2026] background:linear-gradient ist nicht interpolierbar →
   stattdessen Gold-Bar als Layer mit animierbarem background-size */
.lp-fanim--form .lpfa-form-line{
  height:9px;border-radius:3px;
  background-color:rgba(255,255,255,.08);
  background-image:linear-gradient(90deg,#c9a84c,#e0be6a);
  background-repeat:no-repeat;
  background-size:0% 100%;
  animation:lpfaFormFill 4.2s cubic-bezier(0.23,1,0.32,1) infinite;
}
.lp-fanim--form .lpfa-form-line:nth-child(1){animation-delay:.2s; width:80%}
.lp-fanim--form .lpfa-form-line:nth-child(2){animation-delay:.7s; width:60%}
.lp-fanim--form .lpfa-form-line:nth-child(3){animation-delay:1.2s; width:90%}
.lp-fanim--form .lpfa-form-line:nth-child(4){animation-delay:1.7s; width:50%}
@keyframes lpfaFormFill{
  0%{background-size:0% 100%}
  18%,72%{background-size:100% 100%}
  92%,100%{background-size:0% 100%}
}
/* Arrow → */
.lp-fanim--form .lpfa-arrow{
  position:absolute;left:46%;top:50%;width:8%;height:2px;
  background:rgba(201,168,76,.5);transform:translateY(-50%);
}
.lp-fanim--form .lpfa-arrow::after{
  content:'';position:absolute;right:-6px;top:-4px;
  border-left:8px solid rgba(201,168,76,.6);border-top:5px solid transparent;border-bottom:5px solid transparent;
}
/* Pipeline-Cols (mini) */
.lp-fanim--form .lpfa-pipe{
  position:absolute;right:6%;top:14%;width:42%;height:72%;
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;
}
.lp-fanim--form .lpfa-col{
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:8px;
  padding:8px 6px;display:flex;flex-direction:column;gap:4px;
}
.lp-fanim--form .lpfa-col-head{
  height:5px;border-radius:2px;width:60%;
}
.lp-fanim--form .lpfa-col:nth-child(1) .lpfa-col-head{background:#7aa8e6}
.lp-fanim--form .lpfa-col:nth-child(2) .lpfa-col-head{background:#c9a84c}
.lp-fanim--form .lpfa-col:nth-child(3) .lpfa-col-head{background:#73c691}
.lp-fanim--form .lpfa-card-static{
  height:14px;border-radius:3px;background:rgba(255,255,255,.06);
}
/* Animated card that drops into col 1 */
.lp-fanim--form .lpfa-drop{
  position:absolute;left:42%;top:38%;width:12%;height:14px;
  background:linear-gradient(180deg,rgba(201,168,76,.6),rgba(201,168,76,.2));
  border-radius:3px;
  opacity:0;
  animation:lpfaFormDrop 4.2s cubic-bezier(0.23,1,0.32,1) infinite;
}
@keyframes lpfaFormDrop{
  0%,52%{opacity:0;transform:translateX(0) translateY(0) scale(1)}
  62%{opacity:1;transform:translateX(0) translateY(0) scale(1)}
  82%{opacity:1;transform:translateX(60%) translateY(-12%) scale(.9)}
  90%{opacity:.6;transform:translateX(120%) translateY(-12%) scale(.7)}
  100%{opacity:0;transform:translateX(120%) translateY(-12%) scale(.7)}
}

/* === 2) KALKULATION (Items + Total + Status-Flip) === */
.lp-fanim--calc{padding:18px 20px}
.lp-fanim--calc .lpfa-calc-body{position:absolute;inset:14% 10%;display:flex;flex-direction:column;gap:10px}
.lp-fanim--calc .lpfa-item{
  display:flex;justify-content:space-between;align-items:center;
  font-size:.78rem;
  opacity:0;transform:translateY(8px);
  animation:lpfaCalcRow 5s cubic-bezier(0.23,1,0.32,1) infinite;
}
.lp-fanim--calc .lpfa-item:nth-child(1){animation-delay:.2s}
.lp-fanim--calc .lpfa-item:nth-child(2){animation-delay:.6s}
.lp-fanim--calc .lpfa-item:nth-child(3){animation-delay:1.0s}
.lp-fanim--calc .lpfa-item:nth-child(4){animation-delay:1.4s}
.lp-fanim--calc .lpfa-it-name{color:#a1a1a6;font-size:.74rem}
.lp-fanim--calc .lpfa-it-price{color:#f5f5f7;font-family:ui-monospace,'JetBrains Mono',monospace;font-size:.74rem;font-variant-numeric:tabular-nums}
@keyframes lpfaCalcRow{
  0%,5%{opacity:0;transform:translateY(8px)}
  18%,80%{opacity:1;transform:none}
  95%,100%{opacity:0;transform:translateY(-2px)}
}
.lp-fanim--calc .lpfa-divider{
  height:1px;background:rgba(255,255,255,.10);margin:6px 0;
  opacity:0;animation:lpfaCalcRow 5s cubic-bezier(0.23,1,0.32,1) 1.8s infinite;
}
.lp-fanim--calc .lpfa-total{
  display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;
  opacity:0;animation:lpfaCalcRow 5s cubic-bezier(0.23,1,0.32,1) 2.2s infinite;
}
.lp-fanim--calc .lpfa-total-lbl{color:#86868b;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.lp-fanim--calc .lpfa-total-amt{
  color:#e0be6a;font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
}
.lp-fanim--calc .lpfa-status{
  position:absolute;right:10%;top:14%;
  perspective:300px;
}
.lp-fanim--calc .lpfa-status-inner{
  position:relative;width:78px;height:22px;
  transform-style:preserve-3d;
  animation:lpfaStatusFlip 5s cubic-bezier(0.23,1,0.32,1) infinite;
}
.lp-fanim--calc .lpfa-status-face{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  border-radius:99px;backface-visibility:hidden;
}
.lp-fanim--calc .lpfa-status-front{background:rgba(224,148,82,.18);color:#e0a864;border:1px solid rgba(224,148,82,.35)}
.lp-fanim--calc .lpfa-status-back{background:rgba(115,198,145,.18);color:#73c691;border:1px solid rgba(115,198,145,.40);transform:rotateY(180deg)}
@keyframes lpfaStatusFlip{
  0%,50%{transform:rotateY(0deg)}
  60%,100%{transform:rotateY(180deg)}
}

/* === 3) E-SIGNATUR (Max Mustermann SVG-Draw) === */
.lp-fanim--sign .lpfa-doc{
  position:absolute;inset:14% 12%;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-radius:8px;padding:18px 18px 14px;display:flex;flex-direction:column;gap:8px;
}
.lp-fanim--sign .lpfa-doc-line{height:6px;border-radius:2px;background:rgba(255,255,255,.06)}
.lp-fanim--sign .lpfa-doc-line.short{width:55%}
.lp-fanim--sign .lpfa-doc-line.mid{width:78%}
.lp-fanim--sign .lpfa-doc-line.full{width:100%}
.lp-fanim--sign .lpfa-sig-box{
  margin-top:auto;
  border-top:1px dashed rgba(255,255,255,.18);
  padding-top:10px;
  display:flex;justify-content:space-between;align-items:flex-end;
}
.lp-fanim--sign .lpfa-sig-svg{
  width:120px;height:38px;overflow:visible;
}
.lp-fanim--sign .lpfa-sig-path{
  fill:none;stroke:#e0be6a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:450;stroke-dashoffset:450;
  animation:lpfaSignWrite 5.5s cubic-bezier(0.23,1,0.32,1) infinite;
}
@keyframes lpfaSignWrite{
  0%,8%{stroke-dashoffset:450}
  55%,78%{stroke-dashoffset:0}
  90%,100%{stroke-dashoffset:450}
}
.lp-fanim--sign .lpfa-sig-name{
  font-family:ui-monospace,'JetBrains Mono',monospace;
  font-size:.58rem;color:#6e6e73;
  letter-spacing:.06em;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:3px;margin-top:1px;text-align:center;
}
.lp-fanim--sign .lpfa-sig-stamp{
  display:flex;align-items:center;gap:6px;font-size:.7rem;color:#73c691;font-weight:600;
  opacity:0;transform:scale(.6);
  animation:lpfaStampIn 5.5s cubic-bezier(0.23,1,0.32,1) infinite;
}
/* [NICE-TO-HAVE 21.05.2026] Stamp knallt mit scale + rotate statt nur opacity */
@keyframes lpfaStampIn{
  0%,72%{opacity:0;transform:scale(1.4) rotate(-8deg)}
  80%{opacity:1;transform:scale(.92) rotate(2deg)}
  88%,92%{opacity:1;transform:scale(1) rotate(0deg)}
  100%{opacity:0;transform:scale(.6) rotate(0deg)}
}
.lp-fanim--sign .lpfa-sig-check{
  width:16px;height:16px;border-radius:50%;background:rgba(115,198,145,.18);
  border:1px solid rgba(115,198,145,.45);
  display:flex;align-items:center;justify-content:center;
  color:#73c691;font-size:.7rem;font-weight:700;
}

/* === 4) NEWSLETTER (Fan-Out) === */
/* [BLOCKER-FIX 21.05.2026] SVG-Rays: wandernde Paket-Dashes vom Hub zur Inbox */
.lp-fanim--mail .lpfa-rays line{
  stroke-dashoffset:0;
}
@keyframes lpfaRayMove{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-14}
}
.lp-fanim--mail .lpfa-inbox{z-index:2}
.lp-fanim--mail .lpfa-hub{z-index:3}
.lp-fanim--mail .lpfa-hub{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,rgba(201,168,76,.4),rgba(201,168,76,.1));
  border:1px solid rgba(201,168,76,.5);
  display:flex;align-items:center;justify-content:center;
  color:#e0be6a;font-size:1.2rem;
  z-index:3;
  box-shadow:0 0 24px rgba(201,168,76,.25);
}
.lp-fanim--mail .lpfa-hub::after{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:1px solid rgba(201,168,76,.3);
  animation:lpfaHubRing 3.4s cubic-bezier(0.23,1,0.32,1) infinite;
}
@keyframes lpfaHubRing{
  0%{transform:scale(.8);opacity:.8}
  100%{transform:scale(2.6);opacity:0}
}
.lp-fanim--mail .lpfa-inbox{
  position:absolute;
  width:24px;height:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  border-radius:3px;
  display:flex;align-items:center;justify-content:center;
}
.lp-fanim--mail .lpfa-inbox::before{
  content:'';width:60%;height:1.5px;background:rgba(255,255,255,.18);border-radius:1px;
  transition:background .3s;
}
/* Inboxes als 12 Empfänger im Kreis um den Hub */
.lp-fanim--mail .lpfa-inbox:nth-child(2){left:8%;top:18%}
.lp-fanim--mail .lpfa-inbox:nth-child(3){left:32%;top:8%}
.lp-fanim--mail .lpfa-inbox:nth-child(4){left:60%;top:8%}
.lp-fanim--mail .lpfa-inbox:nth-child(5){right:8%;top:18%}
.lp-fanim--mail .lpfa-inbox:nth-child(6){right:4%;top:48%}
.lp-fanim--mail .lpfa-inbox:nth-child(7){right:8%;bottom:18%}
.lp-fanim--mail .lpfa-inbox:nth-child(8){right:32%;bottom:8%}
.lp-fanim--mail .lpfa-inbox:nth-child(9){left:38%;bottom:8%}
.lp-fanim--mail .lpfa-inbox:nth-child(10){left:8%;bottom:18%}
.lp-fanim--mail .lpfa-inbox:nth-child(11){left:4%;bottom:48%}
.lp-fanim--mail .lpfa-inbox:nth-child(12){left:4%;top:48%}
.lp-fanim--mail .lpfa-inbox:nth-child(13){left:62%;top:32%;width:18px;height:14px}
/* Lit-up state */
.lp-fanim--mail .lpfa-inbox{
  animation:lpfaInboxLit 3.4s cubic-bezier(0.23,1,0.32,1) infinite;
}
.lp-fanim--mail .lpfa-inbox:nth-child(2){animation-delay:.30s}
.lp-fanim--mail .lpfa-inbox:nth-child(3){animation-delay:.45s}
.lp-fanim--mail .lpfa-inbox:nth-child(4){animation-delay:.60s}
.lp-fanim--mail .lpfa-inbox:nth-child(5){animation-delay:.55s}
.lp-fanim--mail .lpfa-inbox:nth-child(6){animation-delay:.70s}
.lp-fanim--mail .lpfa-inbox:nth-child(7){animation-delay:.85s}
.lp-fanim--mail .lpfa-inbox:nth-child(8){animation-delay:.95s}
.lp-fanim--mail .lpfa-inbox:nth-child(9){animation-delay:1.05s}
.lp-fanim--mail .lpfa-inbox:nth-child(10){animation-delay:.80s}
.lp-fanim--mail .lpfa-inbox:nth-child(11){animation-delay:.65s}
.lp-fanim--mail .lpfa-inbox:nth-child(12){animation-delay:.50s}
.lp-fanim--mail .lpfa-inbox:nth-child(13){animation-delay:.75s}
@keyframes lpfaInboxLit{
  0%,18%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);transform:scale(1)}
  28%{background:rgba(201,168,76,.20);border-color:rgba(201,168,76,.55);transform:scale(1.15)}
  44%,100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);transform:scale(1)}
}

/* [BLOCKER-FIX 21.05.2026] Doc-Section-Header bekommen sichtbare Labels (Gäste/Allergien/Timeline/Räume) */
.lp-fanim--doc .lpfa-doc-h{
  display:flex;align-items:center;
  position:relative;
  height:11px;border-radius:0;width:100%;
  background:transparent;
}
.lp-fanim--doc .lpfa-doc-h::before{
  content:'';
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#c9a84c;margin-right:8px;flex-shrink:0;
}
.lp-fanim--doc .lpfa-doc-h::after{
  content:attr(data-label);
  font-family:ui-monospace,'JetBrains Mono','SF Mono',Menlo,monospace;
  font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#f5f5f7;
}

/* === 5) AUFGABEN (Reminder-Bell + Check) === */
.lp-fanim--tasks{padding:14px}
.lp-fanim--tasks .lpfa-tasks-body{position:absolute;inset:18% 12%;display:flex;flex-direction:column;gap:10px}
.lp-fanim--tasks .lpfa-task{
  display:flex;align-items:center;gap:10px;padding:8px 12px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;
}
.lp-fanim--tasks .lpfa-task-check{
  width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);
  flex-shrink:0;display:flex;align-items:center;justify-content:center;
  color:#73c691;font-size:.6rem;font-weight:700;
}
.lp-fanim--tasks .lpfa-task--done .lpfa-task-check{
  background:#73c691;border-color:#73c691;color:#0d0f14;
}
.lp-fanim--tasks .lpfa-task--done .lpfa-task-text{text-decoration:line-through;opacity:.45}
.lp-fanim--tasks .lpfa-task-text{
  font-size:.74rem;color:#a1a1a6;flex:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lp-fanim--tasks .lpfa-task-time{
  font-family:ui-monospace,monospace;font-size:.62rem;color:#6e6e73;
}
/* highlight task with bell */
.lp-fanim--tasks .lpfa-task--ping{
  border-color:rgba(201,168,76,.40);
  background:rgba(201,168,76,.06);
}
.lp-fanim--tasks .lpfa-bell{
  display:inline-flex;font-size:.8rem;color:#e0be6a;
  transform-origin:50% 0%;
  animation:lpfaBell 4.5s cubic-bezier(0.23,1,0.32,1) infinite;
}
@keyframes lpfaBell{
  0%,40%{transform:rotate(0deg)}
  46%{transform:rotate(15deg)}
  52%{transform:rotate(-15deg)}
  58%{transform:rotate(10deg)}
  64%{transform:rotate(-7deg)}
  70%,100%{transform:rotate(0deg)}
}
/* [BLOCKER-FIX 21.05.2026] Sequenziert: bell shake → kurz Pause → check pop → text strike */
.lp-fanim--tasks .lpfa-task--ping .lpfa-task-check{
  animation:lpfaTaskCheck 4.5s cubic-bezier(0.23,1,0.32,1) infinite;
}
@keyframes lpfaTaskCheck{
  0%,72%{background:transparent;border-color:rgba(255,255,255,.18);color:transparent;transform:scale(1)}
  76%{background:#73c691;border-color:#73c691;color:#0d0f14;transform:scale(1.35)} /* Pop! */
  82%,95%{background:#73c691;border-color:#73c691;color:#0d0f14;transform:scale(1)}
  100%{background:transparent;border-color:rgba(255,255,255,.18);color:transparent;transform:scale(1)}
}
/* Sync: Text strike-through nach dem Check-Pop */
.lp-fanim--tasks .lpfa-task--ping .lpfa-task-text{
  animation:lpfaTaskStrike 4.5s cubic-bezier(0.23,1,0.32,1) infinite;
}
@keyframes lpfaTaskStrike{
  0%,80%{text-decoration:none;opacity:1;color:#a1a1a6}
  86%,95%{text-decoration:line-through;opacity:.45;color:#6e6e73}
  100%{text-decoration:none;opacity:1;color:#a1a1a6}
}

/* === 6) FUNCTION-SHEET / DOC AUTO-BUILD === */
.lp-fanim--doc{padding:14px}
.lp-fanim--doc .lpfa-doc-frame{
  position:absolute;inset:12% 14%;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);
  border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;
}
.lp-fanim--doc .lpfa-doc-section{
  display:flex;flex-direction:column;gap:5px;
  opacity:0;transform:translateY(6px);
  animation:lpfaSecIn 5.5s cubic-bezier(0.23,1,0.32,1) infinite;
}
.lp-fanim--doc .lpfa-doc-section:nth-child(1){animation-delay:.3s}
.lp-fanim--doc .lpfa-doc-section:nth-child(2){animation-delay:.9s}
.lp-fanim--doc .lpfa-doc-section:nth-child(3){animation-delay:1.5s}
.lp-fanim--doc .lpfa-doc-section:nth-child(4){animation-delay:2.1s}
@keyframes lpfaSecIn{
  0%,5%{opacity:0;transform:translateY(6px)}
  18%,85%{opacity:1;transform:none}
  98%,100%{opacity:0;transform:translateY(-2px)}
}
.lp-fanim--doc .lpfa-doc-h{
  height:9px;border-radius:2px;width:38%;
  background:linear-gradient(90deg,#c9a84c,rgba(201,168,76,.3));
}
.lp-fanim--doc .lpfa-doc-l{height:5px;border-radius:2px;background:rgba(255,255,255,.10)}
.lp-fanim--doc .lpfa-doc-l.short{width:60%}
.lp-fanim--doc .lpfa-doc-l.mid{width:80%}
.lp-fanim--doc .lpfa-doc-l.full{width:100%}

/* === ResponsivePolish === */
@media (max-width: 900px){
  .lp-feat-visual{aspect-ratio: 5 / 3}
}

/* === prefers-reduced-motion === */
@media (prefers-reduced-motion: reduce){
  .lp-fanim *,
  .lp-fanim *::before,
  .lp-fanim *::after,
  .lp-fanim-label::before{
    animation:none !important;transition:none !important;
  }
  /* Statischer „End-Zustand" für jeden Typ damit nichts „leer" wirkt */
  .lp-fanim--form .lpfa-form-line{background:linear-gradient(90deg,#c9a84c 100%, transparent 100%)}
  .lp-fanim--calc .lpfa-item,
  .lp-fanim--calc .lpfa-divider,
  .lp-fanim--calc .lpfa-total{opacity:1;transform:none}
  .lp-fanim--calc .lpfa-status-inner{transform:rotateY(180deg)}
  .lp-fanim--sign .lpfa-sig-path{stroke-dashoffset:0}
  .lp-fanim--sign .lpfa-sig-stamp{opacity:1;transform:scale(1)}
  .lp-fanim--doc .lpfa-doc-section{opacity:1;transform:none}
}