/* PQVault Webseite — v4.4.0: Produktseite „Vorgänge“ mit einem Abschnitt je Branche.
   Je Branche eigene Farbwelt über --c1/--c2 (gleich wie im Produkt, src/lib/casesPacks.js). Ohne Skripte. */
.cs-page .page-head{max-width:900px}
.cs-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 56px}
.cs-kpi{border:1px solid var(--hair);border-radius:18px;padding:18px 20px;background:var(--glass);backdrop-filter:blur(10px)}
.cs-kpi b{display:block;font-size:26px;font-weight:300;letter-spacing:-.02em}
.cs-kpi span{font-size:13.5px;color:var(--fg-dim)}
.cs-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 64px;counter-reset:st}
.cs-flow li{list-style:none;border:1px solid var(--hair);border-radius:16px;padding:16px 16px 18px;background:rgba(255,255,255,.02);counter-increment:st;position:relative}
.cs-flow li::before{content:counter(st);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#05101f;font-weight:700;font-size:12px;margin-bottom:10px}
.cs-flow b{display:block;font-weight:500;margin-bottom:4px}
.cs-flow span{font-size:13.5px;color:var(--fg-dim);line-height:1.55}
.cs-ind{position:relative;overflow:hidden;border-radius:26px;margin:0 0 28px;padding:34px 34px 30px;background:linear-gradient(135deg,var(--c0) 0%,var(--c1) 55%,var(--c2) 100%);color:#fff;box-shadow:0 40px 80px -50px var(--c1)}
.cs-ind .cs-art{position:absolute;right:-30px;top:-34px;width:280px;height:280px;opacity:.14;color:#fff;pointer-events:none}
.cs-ind .cs-art svg{width:100%;height:100%}
.cs-ind h2{font-size:clamp(26px,3.4vw,36px);font-weight:300;letter-spacing:-.025em;margin:10px 0 8px;position:relative}
.cs-ind .claim{font-size:17px;max-width:62ch;color:rgba(255,255,255,.88);line-height:1.6;position:relative;margin:0 0 20px}
.cs-rules{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.cs-rules span{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:600}
.cs-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;position:relative;margin-top:22px}
.cs-box{background:rgba(5,10,24,.32);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;backdrop-filter:blur(6px)}
.cs-box h3{font-size:12px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);margin:0 0 10px;font-weight:500}
.cs-box p,.cs-box li{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.92);margin:0}
.cs-box ul,.cs-box ol{margin:0;padding-left:18px;display:grid;gap:6px}
.cs-box .src{display:block;margin-top:10px;font-size:11.5px;color:rgba(255,255,255,.6)}
.cs-tpls{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;position:relative}
.cs-tpls span{padding:7px 12px;border-radius:12px;background:#fff;color:var(--c1);font-size:13px;font-weight:600}
.cs-ind .cs-cta{position:relative;margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.cs-honest{border:1px solid var(--hair);border-radius:22px;padding:24px 26px;margin:44px 0 0;background:var(--glass)}
.cs-honest h2{font-size:22px;font-weight:300;margin:0 0 12px}
.cs-honest ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--fg-dim);font-size:15px;line-height:1.6}
.cs-price{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:44px 0 0}
.cs-price div{border:1px solid var(--hair);border-radius:18px;padding:18px 20px;background:rgba(255,255,255,.02)}
.cs-price b{display:block;font-size:24px;font-weight:300}
.cs-price span{font-size:13.5px;color:var(--fg-dim)}
@media (max-width:640px){.cs-ind{padding:26px 20px;border-radius:20px}.cs-ind .cs-art{width:190px;height:190px}}