/* Prozess-Section: folgt der Typografie der Startseite (.page-home in enhancements.css):
   Archivo Black für H2 und Ziffern, DM Sans für Text, JetBrains Mono für Labels. */
#nanga-process-preview,#nanga-process-preview *{box-sizing:border-box}#nanga-process-preview{color:#f7fbff;font-family:'DM Sans',system-ui,sans-serif}#nanga-process-preview p,#nanga-process-preview h2,#nanga-process-preview h3{margin:0}
#nanga-process-preview{--bg:#0d1a2f;--blue:#1267ff;--sky:#8bb4ff;--light:#d8e7ff;--muted:#aebed5;--edge:rgba(139,180,255,.22);--gap:clamp(1.6rem,3vw,3.2rem);--label:.72rem}
#nanga-process-preview .pv-scene{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 15%,rgba(59,130,246,.12),transparent 46%),var(--bg)}
/* Winkel „<“ wie in der dunklen Section auf „Über uns“ */
#nanga-process-preview .pv-scene:before{content:"";position:absolute;right:-12rem;top:-3rem;z-index:0;width:36rem;height:40rem;background:linear-gradient(145deg,rgba(18,103,255,.5),rgba(139,180,255,.05));clip-path:polygon(100% 0,0 41.85%,0 58.15%,100% 100%,100% 76%,37.87% 50%,100% 24%);pointer-events:none}
#nanga-process-preview .pv-redesign{position:relative;z-index:1;padding:var(--home-pad,clamp(4rem,6vw,5.5rem)) 0}
#nanga-process-preview .pv-content{width:var(--home-wrap,min(100% - 3rem,1280px));margin:0 auto}

/* Kopf: wie Projekte/Kontakt */
#nanga-process-preview .pv-heading{max-width:52rem;margin-bottom:clamp(2.6rem,4.5vw,3.6rem)}
#nanga-process-preview .pv-kicker{margin-bottom:1.15rem;color:var(--sky)}
#nanga-process-preview h2{font-family:var(--font-display,'Archivo Black',sans-serif);font-weight:400;font-size:var(--home-h2,clamp(2rem,3.2vw,2.8rem));line-height:1.1;letter-spacing:-.01em;color:#f7fbff}
#nanga-process-preview h2 span{display:block}
#nanga-process-preview .pv-heading>p:last-child{max-width:40rem;margin-top:.8rem;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55;color:var(--muted)}

/* Schritte: Treppe mit Pfeilen dazwischen */
#nanga-process-preview .pv-steps{display:grid;grid-template-columns:minmax(0,1fr) var(--gap) minmax(0,1.05fr) var(--gap) minmax(0,1.08fr) var(--gap) minmax(0,1fr) var(--gap) minmax(0,1fr);align-items:start}
#nanga-process-preview .pv-step{position:relative;min-width:0}
#nanga-process-preview .pv-step-1{padding-top:9rem}
#nanga-process-preview .pv-step-2{padding-top:5.6rem}
#nanga-process-preview .pv-step-4{padding-top:6rem}
#nanga-process-preview .pv-step-5{padding-top:1rem}
#nanga-process-preview .pv-step-number{font-family:var(--font-display,'Archivo Black',sans-serif);font-size:clamp(3.4rem,5vw,4.8rem);line-height:.9;letter-spacing:-.02em;color:rgba(139,180,255,.16);user-select:none}
#nanga-process-preview .pv-step-copy{position:relative;z-index:1;margin-top:-1.2rem}
#nanga-process-preview .pv-step h3{font-size:clamp(1.2rem,1.5vw,1.4rem);font-weight:800;line-height:1.15;color:#f7fbff;margin-bottom:.6rem;text-wrap:balance}
#nanga-process-preview .pv-subtitle{font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:var(--label);font-weight:700;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);margin-bottom:.85rem}
#nanga-process-preview .pv-step p:not(.pv-subtitle){font-size:.95rem;line-height:1.65;color:var(--muted)}

/* Pfeile */
#nanga-process-preview .pv-arrow{display:flex;justify-content:center;color:var(--blue)}
#nanga-process-preview .pv-arrow svg{width:clamp(1.3rem,2vw,2rem);height:auto;overflow:visible;animation:pv-arrow-flow 5s ease-in-out infinite}
#nanga-process-preview .pv-arrow-1{margin-top:11.2rem}
#nanga-process-preview .pv-arrow-2{margin-top:10.6rem}
#nanga-process-preview .pv-arrow-2 svg{animation-delay:1s}
#nanga-process-preview .pv-arrow-3{margin-top:10rem}
#nanga-process-preview .pv-arrow-3 svg{animation-delay:2s}
#nanga-process-preview .pv-arrow-4{margin-top:6.6rem}
#nanga-process-preview .pv-arrow-4 svg{animation-delay:3s}
@keyframes pv-arrow-flow{0%,40%,100%{transform:translateX(0);filter:none}15%{transform:translateX(5px);filter:drop-shadow(0 0 10px rgba(59,130,246,.9))}}

/* Schritt 03: Feedback-Kreis */
#nanga-process-preview .pv-loop{position:relative;width:clamp(8.6rem,10.5vw,9.8rem);aspect-ratio:1;margin:0 0 1.2rem .3rem}
#nanga-process-preview .pv-loop svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#nanga-process-preview .pv-loop-track{fill:none;stroke:url(#pv-loop-grad);stroke-width:4}
#nanga-process-preview .pv-loop-pulse{fill:none;stroke:var(--sky);stroke-width:4;stroke-linecap:round;stroke-dasharray:46 510;transform-box:view-box;transform-origin:100px 100px;animation:pv-loop-spin 6s linear infinite;filter:drop-shadow(0 0 6px rgba(59,130,246,.9))}
#nanga-process-preview .pv-loop-head{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
#nanga-process-preview .pv-loop-head-dim{stroke:#4f7bd0}
#nanga-process-preview .pv-loop-dot{fill:#f7fbff;stroke:var(--blue);stroke-width:5}
#nanga-process-preview .pv-loop .pv-step-number{position:absolute;inset:0;display:grid;place-items:center;padding-top:.15rem;font-size:clamp(3rem,4.4vw,4.2rem);color:rgba(139,180,255,.2)}
#nanga-process-preview .pv-step-3 .pv-step-copy{margin-top:0}
#nanga-process-preview .pv-loop-label{position:absolute;z-index:2;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:var(--label);font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--light)}
#nanga-process-preview .pv-loop-label-a{right:calc(100% - 2.6rem);top:-.2rem}
#nanga-process-preview .pv-loop-label-b{left:calc(100% + .8rem);top:50%;transform:translateY(-50%);color:var(--sky)}
#nanga-process-preview .pv-loop-label-c{right:calc(100% - .4rem);bottom:1.8rem}
@keyframes pv-loop-spin{to{transform:rotate(360deg)}}

/* Ansprechpartner */
#nanga-process-preview .pv-owner{display:grid;grid-template-columns:auto minmax(0,1fr) var(--gap) minmax(0,3.2fr);align-items:center;column-gap:1.1rem;margin-top:clamp(3.5rem,6vw,5rem);padding-top:clamp(2rem,3.5vw,2.8rem);border-top:1px solid var(--edge)}
#nanga-process-preview .pv-owner-photo{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid var(--light);box-shadow:0 0 0 5px rgba(139,180,255,.14)}
#nanga-process-preview .pv-owner-name{grid-column:2}
#nanga-process-preview .pv-owner h3{font-size:clamp(1.3rem,1.7vw,1.55rem);font-weight:800;line-height:1.15;color:#f7fbff}
#nanga-process-preview .pv-owner-role{margin-top:.45rem;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:var(--label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}
#nanga-process-preview .pv-owner-text{grid-column:4;max-width:46rem;padding-left:clamp(1.5rem,3vw,2.5rem);border-left:1px solid var(--edge)}
#nanga-process-preview .pv-owner strong{display:block;font-size:1.1rem;font-weight:700;line-height:1.4;color:#f7fbff;margin-bottom:.4rem}
#nanga-process-preview .pv-owner-text p{font-size:1rem;line-height:1.65;color:var(--muted)}
#nanga-process-preview .pv-owner-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;padding-bottom:.22rem;border-bottom:1px solid rgba(139,180,255,.6);font-size:.92rem;font-weight:600;color:var(--sky);text-decoration:none;transition:color .2s ease,border-color .2s ease}
#nanga-process-preview .pv-owner-link span{transition:transform .2s ease}
#nanga-process-preview .pv-owner-link:hover{color:#fff;border-color:#fff}#nanga-process-preview .pv-owner-link:hover span{transform:translate(2px,-2px)}
#nanga-process-preview a:focus-visible{outline:2px solid #95bdf9;outline-offset:5px}

@media(max-width:1320px){
#nanga-process-preview{--gap:1.4rem}
}

/* Tablet & Mobil: senkrechte Liste */
@media(max-width:1180px){
#nanga-process-preview .pv-scene:before{right:-18rem;width:30rem;height:33rem}
#nanga-process-preview .pv-steps{grid-template-columns:1fr;max-width:40rem}
#nanga-process-preview .pv-step,#nanga-process-preview .pv-step-1,#nanga-process-preview .pv-step-2,#nanga-process-preview .pv-step-4,#nanga-process-preview .pv-step-5{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.1rem;padding-top:0}
#nanga-process-preview .pv-step-number{font-size:3.4rem}
#nanga-process-preview .pv-step-copy{margin-top:.35rem}
#nanga-process-preview .pv-step-3{display:block;padding-left:6.1rem}
#nanga-process-preview .pv-loop{width:9rem;margin:1.4rem 0 1.2rem}
#nanga-process-preview .pv-loop .pv-step-number{font-size:3.1rem}
#nanga-process-preview .pv-arrow,#nanga-process-preview .pv-arrow-1,#nanga-process-preview .pv-arrow-2,#nanga-process-preview .pv-arrow-3,#nanga-process-preview .pv-arrow-4{margin:.9rem 0 1rem;width:5rem}
#nanga-process-preview .pv-arrow svg{width:1.2rem;transform:rotate(90deg);animation:none}
#nanga-process-preview .pv-owner{grid-template-columns:auto minmax(0,1fr);row-gap:1.4rem;max-width:40rem}
#nanga-process-preview .pv-owner-text{grid-column:1 / -1;padding-left:0;border-left:0}
}
@media(max-width:560px){
#nanga-process-preview .pv-scene:before{right:-20rem;top:-1rem;width:26rem;height:28rem;opacity:.7}
#nanga-process-preview .pv-step,#nanga-process-preview .pv-step-1,#nanga-process-preview .pv-step-2,#nanga-process-preview .pv-step-4,#nanga-process-preview .pv-step-5{grid-template-columns:3.4rem minmax(0,1fr);gap:.8rem}
#nanga-process-preview .pv-step-number{font-size:2.6rem}
#nanga-process-preview .pv-step-3{padding-left:4.2rem}
#nanga-process-preview .pv-loop{width:7.4rem}
#nanga-process-preview .pv-loop .pv-step-number{font-size:2.6rem}
#nanga-process-preview{--label:.66rem}
#nanga-process-preview .pv-loop-label-b{left:calc(100% + .5rem)}
#nanga-process-preview .pv-arrow,#nanga-process-preview .pv-arrow-1,#nanga-process-preview .pv-arrow-2,#nanga-process-preview .pv-arrow-3,#nanga-process-preview .pv-arrow-4{width:3.4rem}
#nanga-process-preview .pv-owner-photo{width:60px;height:60px}
}
@media(prefers-reduced-motion:reduce){#nanga-process-preview .pv-arrow svg{animation:none}#nanga-process-preview .pv-loop-pulse{display:none}}