/* Founda Creator-Programm: Onboarding (6 Bildschirme), Aufgaben-Portal, Partnerbedingungen. Namensraum .cp / .cp-*.
 * Gesamt-Design (Milan, 09.10.2026, P11): kein Blau auf Blau. Der Grund ist wie auf founda.app ein fast schwarzer
 * Nachthimmel (oben #020308, unten nur ein Hauch Blau) mit der Sternen-Kachel sterne.png als stehendem Element.
 * Flächen sind neutrales Graphit-Glas: helle 1px-Kante, feine Lichtkante oben, weiche Tiefe. So heben sie sich klar
 * vom Himmel ab. Weiß trägt den Text, Feuer (#ff3d14) ist Marke und Akzent: Hauptknopf wie founda.app (Feuer, dunkle
 * Schrift, 800), Fortschritt, Auswahl, Marker. Grün nur für Geld. Nebenknöpfe sind dunkles Glas mit heller Kante.
 * Tickets und Code-Karten bleiben weiß. Schriften wie founda.app: Outfit 650 für die Seiten-Überschrift, Nunito Sans
 * für alles andere, Mono nur für Gemessenes (Code, Link, Zahlen, Zeit).
 * Diese Datei trägt Tokens, Grund, Kopf, Typo, Karten, Knöpfe und Leiste. Die Takte stehen in takte.css, Seiten-eigene
 * Regeln in s1.css, s2.css, s3.css, s4.css, s6.css und portal.css (basis.html bindet sie nach dieser Datei ein).
 * Vertrag: founda-maschine/docs/creator-programm.md. Bewegt werden nur transform und opacity; prefers-reduced-motion
 * zeigt sofort den Endzustand. Schriften selbst gehostet (dieselben woff2-Dateien wie founda.app), kein Google Fonts.
 * Ohne Skript ist alles sichtbar und bedienbar: Gestaffeltes Einblenden gibt es nur mit .cp-js (cp-start.js). */
@font-face{font-family:'Nunito Sans';src:url('fonts/nunito-sans-latin.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunito-sans-latin-ext.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Outfit;src:url('fonts/outfit-latin.woff2') format('woff2');font-style:normal;font-weight:300 800;font-display:swap}
html,body{margin:0}
body{background:transparent}
html{background:#020308 linear-gradient(180deg,#020308 0%,#04060c 55%,#070b17 100%) fixed;min-height:100%}
.cp{
  /* Grund und Glas (Kopf, Leiste) */
  --cp-void:#020308;--cp-glass:rgba(5,6,10,.84);
  /* Flächen: neutral, nie blau getönt */
  --cp-panel:rgba(255,255,255,.05);--cp-panel-2:rgba(255,255,255,.08);--cp-field:rgba(4,5,8,.62);
  --cp-card:linear-gradient(180deg,rgba(30,32,39,.84),rgba(17,19,24,.88));--cp-card-edge:rgba(255,255,255,.1);
  --cp-depth:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.4),0 24px 48px -24px rgba(0,0,0,.9);--cp-sheen:none;
  /* Linien */
  --cp-hair:rgba(255,255,255,.08);--cp-hair-2:rgba(255,255,255,.22);--cp-edge:rgba(255,255,255,.14);
  /* Schrift: Weiß, gedämpft neutral grau */
  --cp-text:#f5f6f8;--cp-dim:#bcc1cc;--cp-mute:#959baa;
  /* Feuer: Marke, Hauptknopf, Auswahl. Grün: nur Geld. */
  --cp-fire:#ff3d14;--cp-fire-hi:#ff5630;--cp-on-fire:#0a0402;
  /* Gewählt (Deal, Plattform, Account, Auszahlungsart): Feuer-Kante, Hauch Feuer in der Fläche, schmaler Ring */
  --cp-sel-edge:rgba(255,61,20,.9);--cp-sel-bg:linear-gradient(180deg,rgba(255,61,20,.1),rgba(255,61,20,.025) 60%);--cp-sel-ring:0 0 0 3px rgba(255,61,20,.12);
  --cp-up:#27d07a;--cp-up-line:rgba(39,208,122,.6);--cp-err:#ff6a4d;
  /* Weiße Elemente (Tickets, Code-Karte, Profilbild) */
  --cp-on-white:#0b0b0f;--cp-ink:#0b0b0f;--cp-ink-2:#6a6f7c;
  /* Nebenknopf: dunkles Glas mit heller Kante */
  --cp-btn2:linear-gradient(180deg,rgba(40,43,52,.94),rgba(25,27,33,.94));--cp-btn2-edge:rgba(255,255,255,.18);
  --cp-btn2-lift:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px -12px rgba(0,0,0,.8);
  --cp-r:8px;--cp-rb:6px;--cp-pad:20px;--cp-col:520px;--cp-barh:81px;
  --cp-sans:"Nunito Sans",-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Segoe UI",Roboto,sans-serif;
  --cp-head:Outfit,"Nunito Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --cp-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --cp-e:cubic-bezier(.2,.8,.2,1);--cp-pop:cubic-bezier(.2,1.5,.4,1);
  min-height:100vh;min-height:100dvh;margin:0;background:transparent;color:var(--cp-text);
  font:400 16px/1.5 var(--cp-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.cp[data-view="portal"]{--cp-col:600px}
.cp[data-view="agb"]{--cp-col:680px}
.cp *,.cp *::before,.cp *::after{box-sizing:border-box}
.cp ::selection{background:rgba(255,255,255,.85);color:var(--cp-void)}
.cp :where(p,h1,h2,h3,ol,ul,dl,dd,figure,fieldset){margin:0;padding:0}
.cp :where(ol,ul){list-style:none}
.cp :where(fieldset){border:0;min-width:0}
.cp :where(legend){padding:0}
.cp :where(button){-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cp :where(a){color:inherit;-webkit-tap-highlight-color:transparent}
.cp :where(input,select,textarea){font:inherit;color:inherit}
.cp :where(button,a,input,select,summary,label,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:3px}
.cp [hidden]{display:none!important}
.cp-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.cp-sprite{position:absolute;width:0;height:0;overflow:hidden}
.cp-ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.cp-logo{width:1em;height:1em;flex:none}
.cp-stripe{width:auto;height:1em;aspect-ratio:360/151;flex:none;fill:currentColor}
html.cp-still *,html.cp-still *::before,html.cp-still *::after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.cp *,.cp *::before,.cp *::after{animation:none!important;transition:none!important}}

/* ---------- Himmel: fast schwarz wie founda.app, unten ein Hauch Atmosphäre; Sterne als stehendes Element
   (iOS kennt background-attachment:fixed nicht). Auf breiten Bildschirmen wächst die Kachel mit, damit die Dichte
   wie am Handy bleibt. ---------- */
.cp-bg{position:fixed;inset:0;z-index:0;background:url('sterne.png') 0 0 / max(400px,58vw) auto repeat,radial-gradient(140% 50% at 50% 115%,rgba(46,92,228,.15) 0%,rgba(30,62,170,.05) 50%,rgba(2,3,8,0) 78%) 0 0 / 100% 100% no-repeat,linear-gradient(180deg,#020308 0%,#04060c 55%,#070b17 100%) 0 0 / 100% 100% no-repeat;pointer-events:none}

/* ---------- Kopf ---------- */
.cp-top{position:sticky;top:0;z-index:20;background:rgba(2,3,8,.8);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}
.cp-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;max-width:var(--cp-col);margin:0 auto;padding:0 var(--cp-pad)}
.cp-brand{display:flex;align-items:center;gap:9px;font:700 22px/1 var(--cp-head);letter-spacing:-.045em;text-decoration:none}
.cp-brand svg{width:15px;height:23px;fill:#fff}
.cp-brand .cp-flame{fill:var(--cp-fire)}
.cp-dots{display:flex;gap:6px}
.cp-dots i{display:block;width:20px;height:3px;border-radius:2px;background:rgba(255,255,255,.16);transition:background .42s var(--cp-e)}
.cp-dots i.cp-past{background:rgba(255,255,255,.62)}
.cp-dots i.cp-now{background:var(--cp-fire)}
.cp-topback{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;color:var(--cp-dim);text-decoration:none}
.cp-topback .cp-ic{width:18px;height:18px;color:var(--cp-text)}
.cp-top-in>.cp-lbl{margin-left:auto;margin-right:-6px}
.cp-lang{text-decoration:none;color:var(--cp-dim)}
.cp-lang:hover,.cp-lang:focus-visible{color:#fff;border-color:rgba(255,255,255,.5)}

/* ---------- Bühne ---------- */
.cp-main{position:relative;z-index:1;max-width:var(--cp-col);margin:0 auto;padding:16px var(--cp-pad) calc(var(--cp-barh) + env(safe-area-inset-bottom,0px) + 40px)}
.cp[data-bar="aus"] .cp-main{padding-bottom:28px}
.cp[data-bar="zwei"]{--cp-barh:160px}
.cp-screen.cp-center{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 60px - var(--cp-barh) - env(safe-area-inset-bottom,0px) - 46px - 60px)}
.cp[data-bar="aus"] .cp-screen.cp-center{min-height:calc(100dvh - 60px - 34px - 20px)}
.cp-js .cp-st{opacity:0;transform:translate3d(0,22px,0)}
.cp-screen.cp-on .cp-st{opacity:1;transform:none;transition:opacity .56s var(--cp-e),transform .56s var(--cp-e);transition-delay:calc(.12s + var(--i,0) * .07s)}

/* ---------- Typo: Outfit für die Seiten-Überschrift, Nunito Sans für alles andere, Mono nur für Gemessenes ---------- */
.cp-h1{margin:0 0 12px;font:650 33px/1.04 var(--cp-head);letter-spacing:-.025em;text-wrap:balance}
.cp-h1 em{font-style:normal;color:var(--cp-fire)}
.cp-h1:focus{outline:0}
.cp-lead{margin:0 0 26px;font-size:17px;line-height:1.42;color:var(--cp-dim);text-wrap:pretty}
.cp-h2{margin:0 0 14px;font-size:20px;font-weight:750;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.cp-h2 em{font-style:normal}
.cp-lab{display:block;margin:0 0 12px;font:700 13px/1.2 var(--cp-sans);letter-spacing:.005em;color:var(--cp-mute)}
.cp-q{display:block;margin:0 0 12px;font-size:17px;font-weight:750;letter-spacing:-.01em}
/* Chip (wie „Empfohlen“ auf founda.app): dunkler, leicht erhabener Grund, helle Kante; heiß = Feuer-Stern davor */
.cp-lbl{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border:1px solid rgba(255,255,255,.17);border-radius:4px;background:rgba(255,255,255,.05);font:700 11.5px/1 var(--cp-sans);letter-spacing:.01em;color:var(--cp-dim);white-space:nowrap}
.cp-lbl-hot{border-color:rgba(255,255,255,.24);background:#262a33;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.cp-lbl-hot::before{content:"";flex:none;width:9px;height:9px;background:var(--cp-fire);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.cp-g{color:var(--cp-up);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-mut{color:var(--cp-mute);font-weight:600;font-variant-numeric:tabular-nums}
.cp-sec{margin-top:40px}
.cp-fine{margin-top:12px;font-size:13px;line-height:1.45;color:var(--cp-mute)}
.cp-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:15px;font-weight:700;color:var(--cp-dim);text-decoration:underline;text-decoration-color:var(--cp-hair-2);text-underline-offset:4px}
.cp-link .cp-ic{width:14px;height:14px;color:var(--cp-text)}
.cp-err{min-height:0;font-size:15px;line-height:1.35;color:var(--cp-err)}
.cp-err:empty{display:none}
.cp-note{display:flex;align-items:baseline;gap:10px;font-size:15px;line-height:1.4;color:var(--cp-dim)}
.cp-note::before{content:"";flex:none;width:7px;height:7px;border-radius:1px;background:var(--cp-fire);transform:translateY(-1px)}
.cp-eyebrow{margin:0 0 6px;font:800 12px/1.2 var(--cp-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cp-fire)}

/* ---------- Karte: Graphit-Glas (für neue Seiten-Regeln: .cp-card) ---------- */
.cp-card{border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* ---------- Knöpfe ----------
   Hauptknopf (.cp-go): Feuer wie founda.app, dunkle Schrift 800, feiner Glanz oben, leichter Feuer-Schatten.
   Nebenknöpfe (.cp-back, .cp-ghost, .cp-copy, .cp-white, .cp-more): dunkles Glas mit heller Kante. */
.cp-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px var(--cp-pad) calc(12px + env(safe-area-inset-bottom,0px));background:var(--cp-glass);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-top:1px solid var(--cp-hair);transition:transform .45s var(--cp-e)}
.cp-hold .cp-bar{transform:translate3d(0,110%,0);transition:none}
.cp[data-bar="aus"] .cp-bar{display:none}
.cp-bar-in{max-width:calc(var(--cp-col) - 2 * var(--cp-pad));margin:0 auto}
.cp-cap{margin:0 0 11px;font-size:14px;line-height:1.35;text-align:center;color:var(--cp-dim)}
.cp-cap.cp-bad{color:var(--cp-err)}
.cp-cap:empty{display:none}
.cp-bar-row{display:flex;gap:10px}
.cp-back{display:flex;text-decoration:none;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border:1px solid var(--cp-btn2-edge);border-radius:var(--cp-rb);background:var(--cp-btn2);box-shadow:var(--cp-btn2-lift);color:var(--cp-text);transition:border-color .2s var(--cp-e),transform .18s var(--cp-e)}
.cp-back:hover{border-color:rgba(255,255,255,.45)}
.cp-back:active{transform:scale(.96)}
.cp-back .cp-ic{width:18px;height:18px;stroke-width:2.2}
.cp-go{display:flex;align-items:center;justify-content:center;gap:.45em;flex:1;min-width:0;height:56px;padding:0 18px;border-radius:var(--cp-rb);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 55%) var(--cp-fire);color:var(--cp-on-fire);font-size:18px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.14),0 10px 24px -14px rgba(255,61,20,.5);transition:transform .18s var(--cp-e),background-color .2s var(--cp-e)}
.cp-go:hover{background-color:var(--cp-fire-hi)}
.cp-go:active{transform:scale(.97);background-color:var(--cp-fire-hi)}
.cp-go .cp-ic{width:.95em;height:.95em;stroke-width:2.6}
.cp-go[aria-disabled="true"]{background:#1a1d24;color:var(--cp-mute);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cp-go[aria-disabled="true"]:active{transform:none}
.cp-ghost{display:flex;align-items:center;justify-content:center;gap:.5em;height:50px;margin-top:8px;border:1px solid var(--cp-btn2-edge);border-radius:var(--cp-rb);background:var(--cp-btn2);box-shadow:var(--cp-btn2-lift);font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--cp-text);text-decoration:none;transition:border-color .2s var(--cp-e)}
.cp-ghost:hover{border-color:rgba(255,255,255,.45)}
.cp-ghost .cp-ic{width:17px;height:17px}

/* ---------- Ticket hochkant (Bildschirm 6, Code): weiße Fläche, weißer Abriss unten (Perforation dazwischen) ---------- */
.cp-tk{--n:9px;position:relative;display:grid;grid-template-rows:auto 50px;width:100%;filter:drop-shadow(0 16px 26px rgba(0,0,0,.6))}
.cp-tk-in{display:block;background:#fff;color:var(--cp-ink);border-radius:var(--cp-r) var(--cp-r) 0 0;
  -webkit-mask:radial-gradient(circle var(--n) at 0 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 100% 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 50% 100%,#0000 1.5px,#000 2.1px) 0 0/10px 100%;
  -webkit-mask-composite:source-in;mask:radial-gradient(circle var(--n) at 0 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 100% 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 50% 100%,#0000 1.5px,#000 2.1px) 0 0/10px 100%;mask-composite:intersect}
.cp-tk-stub{display:flex;align-items:center;justify-content:center;gap:.5em;padding-top:2px;background:var(--cp-fire);color:var(--cp-on-fire);border-radius:0 0 var(--cp-r) var(--cp-r);font-size:17px;font-weight:800;letter-spacing:-.02em;
  -webkit-mask:radial-gradient(circle var(--n) at 0 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 100% 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 50% 0,#0000 1.5px,#000 2.1px) 0 0/10px 100%;
  -webkit-mask-composite:source-in;mask:radial-gradient(circle var(--n) at 0 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 100% 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 50% 0,#0000 1.5px,#000 2.1px) 0 0/10px 100%;mask-composite:intersect}
.cp-tk-stub .cp-ic{width:.9em;height:.9em;stroke-width:2.5}
.cp-tk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 13px/1 var(--cp-sans);color:var(--cp-ink-2)}

/* ---------- Ticket quer (Eintrittskarte): weißer Körper links, weißer Abriss rechts, senkrechte Perforation mit Kerben ---------- */
.cp-seal,.cp-lid{--n:9px}
.cp-seal-body,.cp-lid-in{-webkit-mask:radial-gradient(circle var(--n) at 100% 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 100% 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 100% 50%,#0000 1.6px,#000 2.2px) 0 0/100% 10px;
  -webkit-mask-composite:source-in;mask:radial-gradient(circle var(--n) at 100% 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 100% 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 100% 50%,#0000 1.6px,#000 2.2px) 0 0/100% 10px;mask-composite:intersect}
.cp-seal-stub,.cp-lid-stub{-webkit-mask:radial-gradient(circle var(--n) at 0 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 0 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 0 50%,#0000 1.6px,#000 2.2px) 0 0/100% 10px;
  -webkit-mask-composite:source-in;mask:radial-gradient(circle var(--n) at 0 0,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle var(--n) at 0 100%,#0000 calc(var(--n) - .7px),#000 var(--n)),radial-gradient(circle at 0 50%,#0000 1.6px,#000 2.2px) 0 0/100% 10px;mask-composite:intersect}

/* ---------- onb1: Was ist Founda ---------- */
.cp-flow{margin:0 0 22px;background:var(--cp-card);border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);overflow:hidden;box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cp-flow-steps{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:0 14px;border-bottom:1px solid var(--cp-hair)}
.cp-flow-steps li{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--cp-mute);white-space:nowrap;transition:color .35s var(--cp-e)}
.cp-flow-steps li+li::before{content:"";width:8px;height:1px;background:var(--cp-hair-2)}
.cp-flow-steps li span{position:relative;padding:4px 0}
.cp-flow-steps li span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cp-fire);transform:scaleX(0);transform-origin:0 0;transition:transform .5s var(--cp-e)}
.cp-flow[data-b="1"] li:nth-child(1),.cp-flow[data-b="2"] li:nth-child(2),.cp-flow[data-b="3"] li:nth-child(3),.cp-flow[data-b="4"] li:nth-child(4){color:var(--cp-text)}
.cp-flow[data-b="1"] li:nth-child(1) span::after,.cp-flow[data-b="2"] li:nth-child(2) span::after,.cp-flow[data-b="3"] li:nth-child(3) span::after,.cp-flow[data-b="4"] li:nth-child(4) span::after{transform:none}
/* Bühne: vier Takte übereinander, je mit Beschriftung oben; sichtbar ist der Takt in data-b. */
.cp-flow-stage{position:relative;height:300px}
.cp-fs{position:absolute;inset:0;display:flex;flex-direction:column;padding:14px 16px 16px;opacity:0;transform:translate3d(0,10px,0);transition:opacity .45s var(--cp-e),transform .45s var(--cp-e)}
.cp-flow[data-b="1"] .cp-fs1,.cp-flow[data-b="2"] .cp-fs2,.cp-flow[data-b="3"] .cp-fs3,.cp-flow[data-b="4"] .cp-fs4{opacity:1;transform:none;transition-delay:.1s}
.cp-fs-cap{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:14.5px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--cp-text)}
.cp-fs-cap i{flex:none;width:7px;height:7px;background:var(--cp-fire)}
.cp-fs-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
.cp-fs img{display:block;flex:none;object-fit:contain}
/* Takt 1: Idee ins Glas-Feld, der weiße Pfeil schickt ab */
.cp-idee{display:flex;align-items:center;height:52px;margin-top:-12px}
.cp-fs-in{display:flex;align-items:center;flex:1;min-width:0;height:52px;padding:0 14px;background:var(--cp-panel);border:1px solid var(--cp-edge);border-right:0;border-radius:var(--cp-r) 0 0 var(--cp-r);color:var(--cp-text);font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden}
.cp-caret{display:inline-block;width:2px;height:1.15em;margin-left:1px;background:#fff;animation:cp-blink 1s steps(1) infinite}
@keyframes cp-blink{50%{opacity:0}}
.cp-fs-go{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border-radius:0 var(--cp-r) var(--cp-r) 0;background:#fff;color:var(--cp-on-white);transition:transform .2s var(--cp-e),background .2s var(--cp-e)}
.cp-fs-go .cp-ic{width:18px;height:18px;stroke-width:2.5}
.cp-flow[data-go="1"] .cp-fs-go{transform:scale(.9);background:#e9ecf5}
/* Takt 2: Agenten wie auf founda.app, drei Zeilen (Website, Anzeigen, Markt) mit laufendem Fortschritt */
.cp-ck-top{display:flex;align-items:center;gap:8px;margin:0 2px 8px;font:800 11px/1 var(--cp-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cp-dim)}
.cp-ck-top b{font-weight:600}
.cp-ck-top i{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--cp-up);animation:cp-pulse 1.4s ease-in-out infinite}
.cp-ck-top i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--cp-up);opacity:0;animation:cp-ring 1.4s ease-out infinite}
@keyframes cp-ring{0%{opacity:.7;transform:scale(.4)}100%{opacity:0;transform:scale(1.3)}}
.cp-agents li.cp-typing b::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;background:#fff;vertical-align:-.1em;animation:cp-blink .8s steps(1) infinite}
.cp-agents{display:flex;flex-direction:column;gap:6px}
.cp-agents li{display:grid;grid-template-columns:45px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 8px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);opacity:0;transform:translate3d(0,6px,0);transition:opacity .35s var(--cp-e),transform .35s var(--cp-e)}
.cp-agents img{width:45px;height:30px}
.cp-agents li b{display:block;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--cp-text);text-wrap:pretty}
.cp-ag-bar{position:relative;display:block;height:3px;margin-top:6px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.cp-ag-bar i{position:absolute;inset:0;background:var(--cp-fire);transform:scaleX(0);transform-origin:0 0;transition:transform 0s linear .5s}
.cp-agents li .cp-ic{width:15px;height:15px;color:var(--cp-up);stroke-width:2.6;opacity:0;transform:scale(.5);transition:opacity .3s var(--cp-e),transform .3s var(--cp-e)}
.cp-flow[data-b="2"] .cp-agents li,.cp-flow[data-b="2"] .cp-agents li .cp-ic{opacity:1;transform:none}
.cp-flow[data-b="2"] .cp-ag-bar i{transform:none;transition:transform 1.7s cubic-bezier(.45,.1,.35,1)}
.cp-flow[data-b="2"] .cp-agents li:nth-child(1){transition-delay:.3s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(1) .cp-ag-bar i{transition-delay:.5s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(1) .cp-ic{transition-delay:2.2s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(2){transition-delay:.8s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(2) .cp-ag-bar i{transition-delay:1.1s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(2) .cp-ic{transition-delay:2.8s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(3){transition-delay:1.3s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(3) .cp-ag-bar i{transition-delay:1.7s}
.cp-flow[data-b="2"] .cp-agents li:nth-child(3) .cp-ic{transition-delay:3.4s}
/* Takt 3: Report wie eine Kiste: die versiegelte Karte springt auf */
.cp-loot{position:relative}
.cp-rep{display:block;transition:opacity .4s var(--cp-e) .1s,transform .55s cubic-bezier(.2,1.5,.4,1) .1s}
.cp-rep-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cp-rep-l{display:flex;align-items:center;gap:8px;font:800 11.5px/1.2 var(--cp-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cp-mute)}
.cp-rep-l i{flex:none;width:7px;height:7px;background:var(--cp-fire)}
.cp-rep-sum{position:relative;display:inline-block;margin:12px 0 4px;font-size:38px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--cp-up);font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-rep-sum::after{content:"";position:absolute;inset:-40% -18%;z-index:-1;background:radial-gradient(closest-side,rgba(39,208,122,.4),rgba(39,208,122,0));opacity:0;pointer-events:none}
.cp-rep-sub{display:block;font-size:13px;line-height:1.3;color:var(--cp-mute)}
.cp-rep-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--cp-hair)}
.cp-rep-zahlen b{display:block;font:600 15px/1.1 var(--cp-mono);color:var(--cp-text);white-space:nowrap}
.cp-rep-zahlen small{display:block;margin-top:3px;font-size:12px;line-height:1.2;color:var(--cp-mute)}
.cp-lid{position:absolute;left:0;right:0;top:50%;height:96px;margin-top:-48px;display:grid;grid-template-columns:minmax(0,1fr) 74px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.65));opacity:0;transform-origin:50% 0;pointer-events:none}
.cp-lid-in{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 18px;background:#fff;color:var(--cp-ink);border-radius:var(--cp-r) 0 0 var(--cp-r)}
.cp-lid-in .cp-ic{width:17px;height:17px;color:var(--cp-ink);stroke-width:2}
.cp-lid-in b{font-size:22px;font-weight:600;line-height:1;letter-spacing:-.025em}
.cp-lid-in small{font:500 12px/1 var(--cp-mono);color:var(--cp-ink-2)}
.cp-lid-stub{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--cp-on-white);border-radius:0 var(--cp-r) var(--cp-r) 0;font-size:15px;font-weight:600;letter-spacing:-.01em}
.cp-flow[data-b="3"][data-auf="0"] .cp-lid{opacity:1;animation:cp-rattle 1.2s var(--cp-e) .5s both}
.cp-flow[data-b="3"][data-auf="0"] .cp-rep{opacity:0;transform:scale(.9);transition:none}
.cp-flow[data-b="3"][data-auf="1"] .cp-lid{opacity:0;transform:perspective(700px) translate3d(0,-34px,0) rotateX(70deg);transition:transform .55s cubic-bezier(.3,.9,.3,1),opacity .4s ease-in .1s}
.cp-flow[data-b="3"][data-auf="1"] .cp-rep-sum::after{animation:cp-glow 1.4s ease-out .2s both}
@keyframes cp-rattle{0%,100%{transform:none}20%{transform:rotate(-1.4deg) scale(1.01)}40%{transform:rotate(1.2deg) scale(1.02)}60%{transform:rotate(-.9deg) scale(1.03)}80%{transform:rotate(.5deg) scale(1.04)}}
@keyframes cp-glow{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.cp-loot .cp-sparks{left:24%;top:46%}
.cp-loot .cp-sparks.cp-fire i{animation:cp-spark .8s cubic-bezier(.15,.7,.3,1) var(--d,0s) both}
/* Takt 4: drei Beispiel-Kacheln nebeneinander (eine empfohlen, die wird angetippt), darunter der weiße Knopf „Alle Möglichkeiten →“ */
.cp-kat-box{padding:9px 9px 9px;border:1px solid var(--cp-hair);border-radius:var(--cp-r);background:rgba(6,7,10,.5);transition:opacity 0s linear .5s}
.cp-kat-h{display:block;font:800 11px/1 var(--cp-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cp-dim)}
.cp-kat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}
.cp-kat li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;border:1px solid var(--cp-edge);border-radius:var(--cp-r);background:var(--cp-card);text-align:center;opacity:0;transform:translate3d(0,8px,0);transition:opacity .35s var(--cp-e),transform .35s var(--cp-e),border-color .3s var(--cp-e),box-shadow .3s var(--cp-e)}
.cp-kat img{width:45px;height:30px}
.cp-kat b{display:block;min-height:2.3em;font-size:11.5px;font-weight:600;line-height:1.15;letter-spacing:-.005em;color:var(--cp-text);text-wrap:balance}
.cp-kat .cp-lbl{position:absolute;left:50%;top:-10px;height:18px;padding:0 5px;font-size:10px;transform:translateX(-50%)}
.cp-kat-all{display:flex;align-items:center;justify-content:center;gap:.5em;width:100%;height:42px;margin-top:10px;border-radius:var(--cp-r);background:#fff;color:var(--cp-on-white);font-size:14px;font-weight:600;letter-spacing:-.01em;opacity:0;transition:opacity .35s var(--cp-e) .6s}
.cp-kat-all .cp-ic{width:.9em;height:.9em;stroke-width:2.5}
.cp-flow[data-b="4"] .cp-kat-all{opacity:1}
.cp-kat li.cp-empf::after{content:"";position:absolute;left:50%;top:40%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:rgba(255,255,255,.55);opacity:0;pointer-events:none}
.cp-flow[data-b="4"] .cp-kat li{opacity:1;transform:none}
.cp-flow[data-b="4"] .cp-kat li:nth-child(1){transition-delay:.15s}
.cp-flow[data-b="4"] .cp-kat li:nth-child(2){transition-delay:.3s}
.cp-flow[data-b="4"] .cp-kat li:nth-child(3){transition-delay:.45s}
.cp-flow[data-b="4"][data-wahl="1"] .cp-kat li.cp-empf{border-color:rgba(255,255,255,.85);box-shadow:0 0 0 3px rgba(255,255,255,.14),0 0 22px rgba(255,255,255,.22);animation:cp-tipp .5s var(--cp-e) both}
.cp-flow[data-b="4"][data-wahl="1"] .cp-kat li.cp-empf::after{animation:cp-welle .7s ease-out both}
@keyframes cp-tipp{0%{transform:none}40%{transform:scale(.93)}100%{transform:scale(1.04)}}
@keyframes cp-welle{0%{opacity:.85;transform:scale(.35)}100%{opacity:0;transform:scale(1.9)}}
.cp-weiter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s var(--cp-e);pointer-events:none}
.cp-weiter span{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid var(--cp-hair-2);border-radius:var(--cp-r);background:var(--cp-glass);font-size:15px;font-weight:600;color:var(--cp-text);white-space:nowrap}
.cp-weiter i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--cp-up);animation:cp-pulse 1.2s ease-in-out infinite}
.cp-flow[data-b="4"][data-weiter="1"] .cp-kat-box{opacity:.2;transition:opacity .45s var(--cp-e)}
.cp-flow[data-b="4"][data-weiter="1"] .cp-weiter{opacity:1;transition:opacity .45s var(--cp-e) .1s}
.cp-runden{margin:0 0 24px}
.cp-runden-h{margin-bottom:8px;font-size:18px}
.cp-runden-list{display:flex;flex-direction:column;border-top:1px solid var(--cp-hair)}
.cp-runden-list li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;padding:7px 0;border-bottom:1px solid var(--cp-hair);font-size:15px;line-height:1.35;color:var(--cp-text);text-wrap:pretty}
.cp-runden-n{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--cp-hair-2);background:var(--cp-panel-2);font:800 12px/1 var(--cp-sans);color:var(--cp-text)}
.cp-runde{display:flex;align-items:baseline;gap:10px;margin:12px 2px 0;font-size:15px;font-weight:600;line-height:1.4;color:var(--cp-text);text-wrap:pretty}
.cp-runde::before{content:"";flex:none;width:7px;height:7px;background:var(--cp-fire);transform:translateY(-1px)}
/* Die Eintrittskarte „Dein Deal“ */
.cp-seal{display:grid;grid-template-columns:minmax(0,1fr) 84px;width:100%;filter:drop-shadow(0 16px 26px rgba(0,0,0,.6));text-align:left}
.cp-seal-body{display:block;min-width:0;padding:18px 14px 20px 20px;background:#fff;color:var(--cp-ink);border-radius:var(--cp-r) 0 0 var(--cp-r);transition:transform .3s var(--cp-e)}
.cp-seal-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--cp-fire);color:var(--cp-on-fire);border-radius:0 var(--cp-r) var(--cp-r) 0;font-size:17px;font-weight:800;letter-spacing:-.02em;transition:transform .25s var(--cp-e),background .2s var(--cp-e)}
.cp-seal-stub .cp-ic{width:20px;height:20px;stroke-width:2.5}
.cp-seal-for{display:flex;align-items:center;gap:7px;font:700 13px/1 var(--cp-sans);color:var(--cp-ink-2)}
.cp-seal-for .cp-ic{width:15px;height:15px;color:var(--cp-ink);stroke-width:2}
.cp-seal-h{display:block;margin:16px 0 18px;font-size:30px;font-weight:600;line-height:1;letter-spacing:-.03em;white-space:nowrap}
.cp-who{display:flex;align-items:center;gap:10px}
/* Rakete statt Initialen (Timur, 14.10.2026) */
.cp-mk svg{width:14px;height:22px;fill:#fff}
.cp-mk .cp-flame{fill:var(--cp-fire)}
.cp-mk{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:var(--cp-r);background:var(--cp-void);color:#fff;font-size:14px;font-weight:600;font-style:normal;letter-spacing:.02em}
.cp-who>span{min-width:0}
.cp-who b{display:block;font-size:16px;font-weight:600;line-height:1.15;letter-spacing:-.01em}
.cp-who small{display:block;margin-top:3px;font-size:13px;line-height:1.25;color:var(--cp-ink-2)}
.cp-seal:hover .cp-seal-stub{transform:translate3d(2px,0,0) rotate(1deg)}
.cp-seal:active .cp-seal-stub{background:var(--cp-fire-hi)}
.cp-seal:focus-visible{outline:2px solid #fff;outline-offset:6px}
/* Öffnen: Der Stummel reißt an der Perforation ab und fällt, der Körper rückt nach. */
.cp-seal.cp-tear .cp-seal-stub{opacity:0;transform:translate3d(24px,30px,0) rotate(14deg);transform-origin:0 0;transition:transform .38s cubic-bezier(.5,0,.8,.4),opacity .3s ease-in .08s}
.cp-seal.cp-tear .cp-seal-body{transform:translate3d(-4px,-3px,0)}

/* ---------- onb2: Dein Deal ---------- */
/* Bonus für die Zuschauer: weiß, nicht grün (Grün heißt im Onboarding: dein Geld). */
.cp-bonus{display:flex;align-items:center;gap:12px;margin:2px 0 22px;padding:12px 14px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:15px;line-height:1.38;color:var(--cp-dim);text-wrap:pretty}
.cp-bonus .cp-ic{width:20px;height:20px;color:var(--cp-text);stroke-width:2}
.cp-bonus b{color:var(--cp-text);font-weight:600}
/* Zwei Wahl-Karten eingerückt; die grüne Linie verbindet beide mit „Nach dem Testmonat“ (volle Breite, grüne Kante). */
.cp-wege{position:relative;margin-top:18px}
.cp-deals{display:flex;flex-direction:column;gap:12px;padding-left:16px}
.cp-deal{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cp-deal::before,.cp-deal::after{content:"";position:absolute;left:-16px;background:var(--cp-up-line);pointer-events:none}
.cp-deal::after{top:50%;width:16px;height:2px;margin-top:-1px}
.cp-deal::before{width:2px}
.cp-deal:first-of-type::before{top:50%;bottom:-12px}
.cp-deal:last-of-type::before{top:0;bottom:-24px}
.cp-deal-in{position:relative;display:block;padding:16px 18px 18px;overflow:hidden;background:var(--cp-card);border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s var(--cp-e),box-shadow .25s var(--cp-e),transform .18s var(--cp-e)}
.cp-deal:active .cp-deal-in{transform:scale(.99)}
.cp-deal input:checked+.cp-deal-in{border-color:var(--cp-sel-edge);background:var(--cp-sel-bg),var(--cp-card);box-shadow:var(--cp-depth),var(--cp-sel-ring)}
.cp-deal input:focus-visible+.cp-deal-in{outline:2px solid #fff;outline-offset:3px}
.cp-deal-bsp{display:block;margin-top:16px;padding-top:12px;border-top:1px solid var(--cp-hair);font-size:14px;line-height:1.42;color:var(--cp-dim);text-wrap:pretty}
.cp-deal-bsp b{font-weight:600;color:var(--cp-text)}
.cp-deal-bsp b.cp-g{color:var(--cp-up)}
.cp-deal-head{display:flex;align-items:center;gap:12px}
.cp-deal-head b{font-size:22px;font-weight:600;letter-spacing:-.025em}
.cp-deal-head .cp-lbl{margin-left:auto}
.cp-radio{position:relative;flex:none;width:22px;height:22px;border:2px solid var(--cp-hair-2);border-radius:50%;transition:border-color .2s var(--cp-e)}
.cp-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--cp-fire);transform:scale(0);transition:transform .2s var(--cp-e)}
input:checked+* .cp-radio,input:checked+.cp-opt-in .cp-radio{border-color:var(--cp-fire)}
input:checked+* .cp-radio::after{transform:none}
.cp-dn-rows{display:flex;flex-direction:column;gap:14px;margin:16px 0 0}
.cp-dn-row{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:12px}
.cp-dn{font-size:30px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--cp-up);font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-deal:not(.cp-deal-hot) .cp-dn{font-size:28px}
.cp-dn-t b{display:block;font-size:16px;font-weight:600;line-height:1.2;color:var(--cp-text)}
.cp-dn-t small{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:var(--cp-mute)}
.cp-vd{position:relative;margin:24px 0 0;padding:16px 18px 18px;border:1px solid var(--cp-card-edge);border-left:2px solid var(--cp-up-line);border-radius:0 var(--cp-r) var(--cp-r) var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
/* Pfeilspitze der Zeitachse: von beiden Wahl-Karten hinunter zu „danach“ */
.cp-vd::before{content:"";position:absolute;left:-7px;top:-6px;border:6px solid transparent;border-top:8px solid var(--cp-up-line);border-bottom:0}
.cp-vd-ey{margin:0 0 6px;font:800 12px/1.35 var(--cp-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cp-up)}
.cp-vd-h{margin:0 0 14px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.cp-vd-zahlen{display:flex;align-items:flex-end;gap:14px}
.cp-vd-zahlen>span:not(.cp-vd-plus){display:flex;flex-direction:column;gap:4px}
.cp-vd-zahlen small{font-size:13px;color:var(--cp-dim)}
.cp-vd-plus{padding-bottom:22px;font-size:22px;color:var(--cp-mute)}
.cp-vd-s{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--cp-hair);font-size:14px;line-height:1.45;color:var(--cp-dim)}
/* Vertrauen: kompakte Leiste (Stripe-Marke bleibt sichtbar), Details stehen im FAQ */
.cp-trust{display:flex;flex-direction:column;gap:2px;margin-top:22px}
.cp-trust li{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-height:34px;font-size:15px;font-weight:600;line-height:1.3;color:var(--cp-text)}
.cp-trust li span:last-child{font-weight:400;color:var(--cp-dim)}
.cp-trust li span:last-child b{font-weight:600;color:var(--cp-text)}
.cp-trust-ic{display:flex;align-items:center;justify-content:flex-start;height:24px;color:var(--cp-text)}
.cp-trust-ic .cp-ic{width:19px;height:19px;stroke-width:2}
.cp-trust-ic .cp-stripe{height:19px}
.cp-rules{margin-top:36px}
.cp-rule{border-top:1px solid var(--cp-hair)}
.cp-rule:last-child{border-bottom:1px solid var(--cp-hair)}
.cp-rule summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-size:17px;font-weight:600;letter-spacing:-.01em;cursor:pointer;list-style:none}
.cp-rule summary::-webkit-details-marker{display:none}
.cp-rule summary::after{content:"+";flex:none;width:16px;font:400 22px/1 var(--cp-mono);color:var(--cp-mute);text-align:center}
.cp-rule[open] summary::after{content:"\2212"}
.cp-urlw{font-family:var(--cp-mono);font-size:.92em;white-space:nowrap}
.cp-rule ul{display:flex;flex-direction:column;gap:9px;padding:0 0 18px}
.cp-rule li{position:relative;padding-left:18px;font-size:15px;line-height:1.45;color:var(--cp-dim)}
.cp-rule li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--cp-hair-2)}
.cp-rule li b{color:var(--cp-text);font-weight:600}
.cp-rules .cp-link{margin-top:6px}
/* FAQ: ein Aufklapper, darin alle Fragen mit kurzen Antworten untereinander */
.cp-faq{border-bottom:1px solid var(--cp-hair)}
.cp-faq-h{margin:0;font:inherit;letter-spacing:inherit}
.cp-faq-list{display:flex;flex-direction:column;gap:18px;padding:4px 0 22px}
.cp-faq-list dt{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--cp-text)}
.cp-faq-list dd{margin:7px 0 0}
.cp-faq-list dd>p{font-size:15px;line-height:1.45;color:var(--cp-dim);text-wrap:pretty}
.cp-faq-list ul{gap:6px;padding:0}

/* ---------- onb3: Wo postest du ---------- */
.cp-plats{display:flex;flex-direction:column;gap:8px}
.cp-chip{display:block;cursor:pointer}
.cp-chip-in{display:flex;align-items:center;gap:14px;height:56px;padding:0 18px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:17px;font-weight:600;letter-spacing:-.01em;transition:background .2s var(--cp-e),color .2s var(--cp-e),transform .18s var(--cp-e)}
.cp-chip:active .cp-chip-in{transform:scale(.98)}
.cp-chip-in .cp-logo{width:22px;height:22px}
.cp-tick{margin-left:auto;width:18px!important;height:18px!important;opacity:0;stroke-width:3;color:var(--cp-fire)}
.cp-chip input:checked+.cp-chip-in{border-color:var(--cp-sel-edge);background:var(--cp-sel-bg),var(--cp-card);box-shadow:var(--cp-depth),var(--cp-sel-ring)}
.cp-chip input:checked+.cp-chip-in .cp-tick{opacity:1}
.cp-chip input:focus-visible+.cp-chip-in,.cp-opt input:focus-visible+.cp-opt-in{outline:2px solid #fff;outline-offset:3px}
.cp-accs{margin-top:30px}
.cp-accs-list{display:flex;flex-direction:column;gap:10px}
.cp-opt{display:block;cursor:pointer}
.cp-opt-in{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:14px;min-height:72px;padding:14px 16px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s var(--cp-e),box-shadow .2s var(--cp-e),transform .18s var(--cp-e)}
.cp-opt:active .cp-opt-in{transform:scale(.99)}
.cp-opt input:checked+.cp-opt-in{border-color:var(--cp-sel-edge);background:var(--cp-sel-bg),var(--cp-card);box-shadow:var(--cp-depth),var(--cp-sel-ring)}
.cp-opt-in b{display:block;font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.cp-opt-in small{display:block;margin-top:3px;font-size:14px;line-height:1.3;color:var(--cp-dim)}
.cp-opt-in .cp-lbl{margin-bottom:7px}
.cp-accs .cp-note{margin-top:14px;font-size:14.5px}
.cp-setup{margin-top:34px}
/* Beispiel-Profil, schlicht wie ein TikTok-Profil */
.cp-profil{display:flex;flex-direction:column;align-items:center;padding:20px 16px 16px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}
.cp-av{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:10px;border-radius:50%;background:#fff;color:var(--cp-on-white);font-size:26px;font-weight:600;line-height:1}
.cp-profil-name{display:block;max-width:100%;font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}
.cp-profil-handle{display:block;margin-top:3px;font:500 14px/1.3 var(--cp-mono);color:var(--cp-dim);overflow-wrap:anywhere}
.cp-profil-bio{margin:12px 0 0;font-size:15px;line-height:1.4;color:var(--cp-text);text-wrap:balance}
.cp-profil .cp-mini-btns{width:100%;margin-top:16px}
.cp-setup .cp-fine{margin-top:10px;text-align:center}
.cp-copy{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;gap:7px;height:40px;min-width:44px;padding:0 12px;border:1px solid var(--cp-btn2-edge);border-radius:var(--cp-rb);background:var(--cp-btn2);box-shadow:var(--cp-btn2-lift);font-size:14px;font-weight:700;color:var(--cp-text);white-space:nowrap;transition:border-color .2s var(--cp-e),background .2s var(--cp-e)}
.cp-copy:hover{border-color:rgba(255,255,255,.45)}
.cp-copy .cp-ic{width:14px;height:14px;stroke-width:2}
.cp-copy.cp-done{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.12);color:#fff}
.cp-handles{margin-top:30px}
.cp-handles legend{float:left;width:100%}
.cp-handles legend+*{clear:both}
.cp-hint{margin:-6px 0 14px;font-size:15px;line-height:1.4;color:var(--cp-dim)}
.cp-fields{display:flex;flex-direction:column;gap:12px}
.cp-field{display:block}
.cp-field-l{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:15px;font-weight:600;color:var(--cp-dim)}
.cp-field-l .cp-logo{width:16px;height:16px}
.cp-field-in{display:flex;align-items:center;height:56px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:var(--cp-rb);background:var(--cp-field);box-shadow:inset 0 1px 2px rgba(0,0,0,.45);transition:border-color .2s var(--cp-e)}
.cp-field-in:focus-within{border-color:rgba(255,255,255,.6);box-shadow:inset 0 1px 2px rgba(0,0,0,.45),0 0 0 3px rgba(255,255,255,.08)}
.cp-field-in.cp-bad{border-color:var(--cp-err)}
.cp-field-in span{font:500 18px/1 var(--cp-mono);color:var(--cp-mute)}
.cp-field-in input{flex:1;min-width:0;height:100%;margin:0 0 0 4px;padding:0;border:0;outline:0;background:transparent;font:500 18px/1 var(--cp-mono);color:var(--cp-text);caret-color:#fff}
.cp-field-in input::placeholder{color:var(--cp-mute)}
.cp-field-in input:disabled{color:var(--cp-mute)}
.cp-field.cp-off .cp-field-in{opacity:.45}
.cp-check{display:flex;align-items:flex-start;gap:14px;min-height:52px;padding:14px 0;font-size:16px;line-height:1.4;cursor:pointer}
.cp-box{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;margin-top:-1px;border:2px solid var(--cp-hair-2);border-radius:3px;color:#fff;transition:border-color .2s var(--cp-e)}
.cp-box .cp-ic{width:15px;height:15px;stroke-width:3;opacity:0;transition:opacity .2s var(--cp-e)}
.cp-check input:checked+.cp-box{border-color:var(--cp-fire);background:var(--cp-fire)}
.cp-check input:checked+.cp-box .cp-ic{opacity:1}
.cp-check input:focus-visible+.cp-box{outline:2px solid #fff;outline-offset:3px}
.cp-check a{color:var(--cp-text);text-decoration:underline;text-decoration-color:var(--cp-hair-2);text-underline-offset:4px;font-weight:600}
/* Bildschirm 3 ohne Skript: Felder folgen der Auswahl (Browser mit :has) */
.cp-f3:has(input[name="account"][value="eigen"]:checked) [data-acc="neu"],
.cp-f3:has(input[name="account"][value="neu"]:checked) [data-acc="eigen"],
.cp-f3:has(input[name="plattform"][value="tiktok"]:not(:checked)) .cp-field[data-p="tiktok"],
.cp-f3:has(input[name="plattform"][value="instagram"]:not(:checked)) .cp-field[data-p="instagram"],
.cp-f3:has(input[name="plattform"][value="youtube"]:not(:checked)) .cp-field[data-p="youtube"]{display:none}
.cp-f3:has(input[name="account"][value="neu"]:checked):has(#cp-later:checked) .cp-field-in{opacity:.45}

/* ---------- onb4: So läuft's ---------- */
.cp-tl{position:relative;display:flex;flex-direction:column}
.cp-tl li{position:relative;display:grid;grid-template-columns:78px 18px minmax(0,1fr);gap:0 12px;padding-bottom:18px}
.cp-tl li:last-child{padding-bottom:0}
.cp-tl-when{padding-top:2px;font:700 13px/1.2 var(--cp-sans);color:var(--cp-mute);text-align:right;white-space:nowrap}
.cp-tl-dot{position:relative;display:flex;justify-content:center}
.cp-tl-dot::before{content:"";position:relative;z-index:1;width:12px;height:12px;margin-top:3px;border:2px solid var(--cp-text);background:var(--cp-void)}
.cp-tl li:first-child .cp-tl-dot::before{background:#fff;border-color:#fff}
.cp-tl li:last-child .cp-tl-dot::before{background:var(--cp-up);border-color:var(--cp-up)}
.cp-tl li:not(:last-child) .cp-tl-dot::after{content:"";position:absolute;top:15px;bottom:-21px;left:50%;width:2px;margin-left:-1px;background:var(--cp-hair-2)}
.cp-tl b{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.cp-tl b .cp-stripe{height:17px;color:var(--cp-text)}
.cp-tl small{display:block;margin-top:3px;font-size:14px;line-height:1.38;color:var(--cp-dim);text-wrap:pretty}
/* Hook-Empfehlung: schlichte Text-Karte */
.cp-hooks{display:flex;flex-direction:column;gap:10px}
.cp-hook{display:block;padding:14px 16px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cp-hook small{display:block;font:700 12.5px/1.2 var(--cp-sans);color:var(--cp-mute)}
.cp-hook p{margin-top:7px;font-size:16px;font-weight:600;line-height:1.35;color:var(--cp-text);text-wrap:pretty}
.cp-hook-f{display:block;margin-top:6px;font-size:14px;line-height:1.3;color:var(--cp-dim)}
.cp-hook-bsp{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin-top:2px;font-size:14px;font-weight:600;color:var(--cp-text);text-decoration:underline;text-decoration-color:var(--cp-hair-2);text-underline-offset:4px}
.cp-hook-bsp .cp-ic{width:12px;height:12px}
.cp-must{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cp-must li{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);font-size:15px;font-weight:600;line-height:1.2}
.cp-must li .cp-ic{width:18px;height:18px;color:var(--cp-text);stroke-width:2}

/* ---------- onb5: Dein Code ---------- */
.cp-codebox{position:relative;display:flex;align-items:center;height:84px;padding:0 16px 0 20px;background:#fff;border-radius:var(--cp-r);color:var(--cp-ink);box-shadow:0 22px 30px -12px rgba(0,0,0,.6);cursor:text}
.cp-codebox:focus-within{box-shadow:inset 0 0 0 2px var(--cp-void),0 22px 30px -12px rgba(0,0,0,.6)}
.cp-codebox input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;font:600 24px/1 var(--cp-mono);letter-spacing:.04em;color:var(--cp-ink);caret-color:var(--cp-ink);text-transform:uppercase}
.cp-cst{display:flex;align-items:center;gap:6px;flex:none;font:600 13px/1 var(--cp-mono);color:var(--cp-ink-2)}
.cp-cst .cp-ic{width:14px;height:14px;color:var(--cp-ink);stroke-width:3}
.cp-cst[data-s="frei"]{color:var(--cp-ink)}
.cp-cst[data-s="frei"] .cp-ic{color:var(--cp-ink)}
.cp-cst:not([data-s="frei"]) .cp-ic{display:none}
.cp-codemoney{margin:0 0 18px;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--cp-text);text-wrap:balance}
.cp-codemoney code{font:600 .92em/1 var(--cp-mono);letter-spacing:.02em}
.cp-o5-bonus{margin-top:2px;font-size:15px;line-height:1.4;color:var(--cp-dim);text-wrap:pretty}
.cp-o5-bonus b{color:var(--cp-text);font-weight:600}
.cp-url{display:flex;align-items:center;gap:10px;min-height:46px;font:500 15px/1.3 var(--cp-mono);color:var(--cp-dim);word-break:break-all}
.cp-url.cp-bad{font-family:var(--cp-sans);color:var(--cp-err);word-break:normal}
.cp-url button{flex:none;height:34px;padding:0 12px;border:1px solid var(--cp-btn2-edge);border-radius:var(--cp-rb);background:var(--cp-btn2);box-shadow:var(--cp-btn2-lift);font:700 14px/1 var(--cp-sans);color:var(--cp-text)}
.cp-recap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 6px;padding:14px 0;border-top:1px solid var(--cp-hair);font-size:15px;color:var(--cp-dim)}
.cp-recap .cp-lab{margin:0 4px 0 0}
.cp-recap b{color:var(--cp-text);font-weight:600}
.cp-recap i{width:3px;height:3px;background:var(--cp-mute);font-style:normal}
.cp-checks{border-top:1px solid var(--cp-hair)}
.cp-checks .cp-check{border-bottom:1px solid var(--cp-hair)}

/* ---------- onb6: Du bist dabei ---------- */
.cp-win{position:relative;margin:4px 0 22px}
.cp-win .cp-tk-in{padding:18px 22px 20px}
.cp-win-code{display:block;margin:16px 0 10px;font:600 36px/1 var(--cp-mono);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-win-url{display:block;font:500 14px/1.2 var(--cp-mono);color:var(--cp-ink-2)}
.cp-win .cp-tk-stub{cursor:pointer}
.cp-glow{position:absolute;inset:0;border-radius:var(--cp-r);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 18px 1px rgba(255,255,255,.45),0 0 56px 8px rgba(255,255,255,.18);opacity:0;pointer-events:none}
.cp-screen.cp-on .cp-glow{animation:cp-live 2.4s var(--cp-e) .7s both}
@keyframes cp-live{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
.cp-sparks{position:absolute;left:50%;top:42%;width:0;height:0;pointer-events:none}
.cp-sparks i{position:absolute;left:0;top:0;width:3px;height:var(--h,14px);margin-left:-1.5px;background:var(--c,#fff);transform-origin:50% 0;opacity:0}
.cp-screen.cp-on .cp-win .cp-sparks i{animation:cp-spark .95s cubic-bezier(.15,.7,.3,1) calc(.55s + var(--d,0s)) both}
@keyframes cp-spark{0%{opacity:0;transform:rotate(var(--a)) translate3d(0,40px,0) scaleY(.4)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translate3d(0,var(--r,190px),0) scaleY(1)}}
.cp-prog{margin:0 0 22px}
/* Daumenleiste auf Bildschirm 6: „Dein nächster Schritt:“ über dem Knopf */
.cp[data-screen="onb6"] .cp-cap{margin-bottom:8px;font-weight:600;color:var(--cp-text)}
.cp-prog-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:16px;font-weight:600}
.cp-prog-top span{font:600 13px/1 var(--cp-mono);color:var(--cp-dim)}
.cp-bar30{position:relative;height:6px;background:rgba(255,255,255,.12);overflow:hidden}
.cp-bar30 i{position:absolute;inset:0;background:var(--cp-fire);transform-origin:0 0;transform:scaleX(var(--v,0))}
.cp-js .cp-screen:not(.cp-on) .cp-bar30 i{transform:scaleX(0)}
.cp-screen.cp-on .cp-bar30 i{transition:transform 1.1s var(--cp-e) .5s}
.cp-prog-sub{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-top:9px;font-size:14px;line-height:1.35;color:var(--cp-dim)}
.cp-prog-sub b{color:var(--cp-text);font-weight:600}
.cp-win+.cp-prog{margin-top:-2px}
.cp-next{margin:2px 0 22px}
.cp-next .cp-h2{margin-bottom:12px}
.cp-next-list{display:flex;flex-direction:column;border-top:1px solid var(--cp-hair)}
.cp-next-list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--cp-hair);font-size:15.5px;line-height:1.4;color:var(--cp-text)}
.cp-next-list li>span:last-child{display:flex;flex-direction:column;align-items:flex-start}
.cp-next-n{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--cp-panel-2);border:1px solid var(--cp-hair-2);font:800 13px/1 var(--cp-sans);color:var(--cp-text)}
.cp-hilfe{font-size:15px;line-height:1.4;color:var(--cp-dim)}
.cp-hilfe a{color:var(--cp-text);font-weight:600;text-decoration:underline;text-decoration-color:var(--cp-hair-2);text-underline-offset:4px;white-space:nowrap}
.cp-resend{min-height:40px;margin-bottom:-6px;font-size:14px}
.cp-resend .cp-ic{width:15px;height:15px}
.cp-resend.cp-done{text-decoration:none;color:var(--cp-text)}

/* ---------- Portal ---------- */
.cp-bal{padding:20px 20px 18px;background:var(--cp-card);border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cp-bal-num{display:block;margin:2px 0 12px;font-size:44px;font-weight:600;line-height:1;letter-spacing:-.035em;color:var(--cp-up);font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-bal-num.cp-zero{color:var(--cp-text)}
.cp-split{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--cp-dim)}
.cp-split span{display:inline-flex;align-items:center;gap:8px}
.cp-split b{color:var(--cp-text);font-weight:600;font-variant-numeric:tabular-nums}
.cp-split i{width:8px;height:8px;background:var(--cp-up)}
.cp-split i.cp-o{background:transparent;border:2px solid var(--cp-up)}
.cp-bal-rows{margin-top:16px;border-top:1px solid var(--cp-hair)}
.cp-bal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 0;border-bottom:1px solid var(--cp-hair);font-size:15px;color:var(--cp-dim)}
.cp-bal-row:last-child{border-bottom:0;padding-bottom:0}
.cp-bal-row b{display:inline-flex;align-items:center;gap:8px;color:var(--cp-text);font-weight:600;white-space:nowrap}
.cp-bal-row>span small{display:block;margin-top:2px;font-size:13px;color:var(--cp-mute)}
.cp-bal-row b .cp-stripe{height:15px;color:var(--cp-dim)}
.cp-bal-test{display:block;width:100%}
.cp-bal-test .cp-prog-top{margin-bottom:9px;font-size:15px}
.cp-bal-test p{margin-top:9px;font-size:14px;line-height:1.35;color:var(--cp-dim)}
@keyframes cp-pulse{50%{opacity:.25}}
.cp-vids{border-top:1px solid var(--cp-hair)}
.cp-vid{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px 0;border-bottom:1px solid var(--cp-hair);transition:background .2s var(--cp-e)}
.cp-vid:hover{background:rgba(255,255,255,.025)}
.cp-vid-ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card)}
.cp-vid-ic .cp-logo{width:18px;height:18px}
.cp-vid-t{min-width:0}
.cp-vid-t b{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:1.2}
.cp-vid-t small{display:block;margin-top:4px;font-size:14px;line-height:1.3;color:var(--cp-dim);text-wrap:pretty}
/* Die ganze Zeile öffnet das Video (gestreckter Link). */
.cp-vid-a{color:inherit;text-decoration:none}
.cp-vid-a::after{content:"";position:absolute;inset:0;z-index:0}
.cp-vid-a:focus-visible{outline:0}
.cp-vid-a:focus-visible::after{outline:2px solid #fff;outline-offset:-2px;border-radius:var(--cp-r)}
.cp-st-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--cp-mute)}
.cp-st-dot[data-s="laeuft"]{background:#fff;animation:cp-pulse 2s ease-in-out infinite}
.cp-st-dot[data-s="pruefung"]{background:transparent;border:2px solid var(--cp-up)}
.cp-st-dot[data-s="qualifiziert"]{background:var(--cp-up)}
.cp-st-dot[data-s="abgelehnt"]{background:var(--cp-err)}
.cp-vid-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.cp-vid-r .cp-g{font-size:18px}
.cp-vid-r .cp-mut{font-size:16px}
.cp-vid-r small{font:500 12px/1.2 var(--cp-mono);color:var(--cp-mute);white-space:nowrap}
.cp-cd{font:600 15px/1 var(--cp-mono);color:var(--cp-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-kunde{border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cp-kunde+.cp-kunde{margin-top:10px}
.cp-kunde summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:64px;padding:12px 14px 12px 16px;cursor:pointer;list-style:none}
.cp-kunde summary::-webkit-details-marker{display:none}
.cp-kunde summary::after{content:"+";font:400 20px/1 var(--cp-mono);color:var(--cp-mute);text-align:center}
.cp-kunde[open] summary::after{content:"\2212"}
.cp-kunde-leer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-style:dashed}
.cp-kunde-leer b{display:block;font-size:16px;font-weight:600;line-height:1.2}
.cp-kunde-leer small{display:block;margin-top:3px;font-size:14px;color:var(--cp-dim)}
.cp-kunde-leer em{font:600 12.5px/1.2 var(--cp-sans);font-style:normal;color:var(--cp-mute);text-align:right}
.cp-kunde summary b{display:block;font-size:16px;font-weight:600;line-height:1.2}
.cp-kunde summary small{display:block;margin-top:3px;font-size:14px;color:var(--cp-dim)}
.cp-kunde summary .cp-g{font-size:18px}
.cp-kunde summary .cp-mut{font-size:16px}
.cp-pays{padding:0 16px 6px}
.cp-pay{padding:12px 0;border-top:1px solid var(--cp-hair)}
.cp-pay-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;font-weight:600}
.cp-pay-top span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-pay-top s{color:var(--cp-mute);font-weight:600}
.cp-pay-top small{display:block;margin-top:2px;font:500 12px/1.2 var(--cp-mono);color:var(--cp-mute);text-align:right;font-variant-numeric:tabular-nums}
.cp-ref{display:flex;align-items:center;gap:8px;margin-top:6px;font:500 12.5px/1.3 var(--cp-mono);color:var(--cp-dim);word-break:break-all}
.cp-ref .cp-stripe{height:12px;color:var(--cp-mute)}
.cp-pay-m{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-top:8px;font-size:14px;color:var(--cp-dim)}
.cp-pay-m .cp-g{font-size:15px}
.cp-pay-m em{font:500 12px/1.2 var(--cp-mono);font-style:normal;color:var(--cp-mute);white-space:nowrap}
.cp-haette{padding:16px 18px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cp-haette .cp-lab{margin-bottom:6px}
.cp-haette-num{display:block;font-size:30px;font-weight:600;line-height:1;letter-spacing:-.035em;color:var(--cp-up);font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-haette p{margin-top:8px;font-size:14.5px;line-height:1.4;color:var(--cp-dim)}
.cp-haette .cp-note{font-size:15px}
.cp-haette .cp-go{width:100%;height:48px;margin-top:12px;font-size:16px}
.cp-haette .cp-fine{margin-top:8px}
.cp-stripebox{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cp-stripebox b{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}
.cp-stripebox b .cp-ic{width:16px;height:16px;color:var(--cp-text);stroke-width:3}
.cp-stripebox small{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:var(--cp-dim)}
.cp-stripebox>.cp-stripe{height:26px;color:var(--cp-text)}
.cp-stripebox.cp-todo{grid-template-columns:1fr}
/* .cp-white heißt historisch so: heute der kräftige Nebenknopf in einer Karte (dunkles Glas, hellere Kante). */
.cp-white{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;height:54px;margin-top:14px;border:1px solid rgba(255,255,255,.3);border-radius:var(--cp-rb);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 22px -14px rgba(0,0,0,.9);color:var(--cp-text);font-size:17px;font-weight:750;letter-spacing:-.01em;transition:border-color .2s var(--cp-e)}
.cp-white:hover{border-color:rgba(255,255,255,.55)}
.cp-white .cp-stripe{height:20px;color:var(--cp-text)}
.cp-pouts{margin-top:10px;border-top:1px solid var(--cp-hair)}
.cp-pout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px 0;border-bottom:1px solid var(--cp-hair)}
.cp-pout b{display:block;font-size:16px;font-weight:600}
.cp-pout .cp-vid-r .cp-g{font-size:18px}
.cp-pout-nr{display:block;margin-top:4px;font:500 13px/1.2 var(--cp-mono);color:var(--cp-dim)}
.cp-buchungen{margin-top:14px}
.cp-pouts+.cp-buchungen{margin-top:0;border-top:0}
.cp-buchungen summary{font-size:15px;min-height:48px}
.cp-buch{display:flex;flex-direction:column;padding:0 0 12px}
.cp-buch li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--cp-hair);font-size:14.5px;line-height:1.35;color:var(--cp-dim)}
.cp-buch li small{display:block;margin-top:2px;font:500 12px/1.2 var(--cp-mono);color:var(--cp-mute)}
.cp-buch li b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-empty{display:flex;flex-direction:column;gap:12px;padding:18px 16px;border:1px dashed var(--cp-hair-2);border-radius:var(--cp-r);font-size:15px;line-height:1.4;color:var(--cp-dim)}
.cp-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:var(--cp-r);color:var(--cp-ink);box-shadow:0 20px 36px -18px rgba(0,0,0,.85)}
.cp-mini>span{display:block;min-width:0}
.cp-mini b{display:block;font:600 28px/1 var(--cp-mono);letter-spacing:.03em;color:var(--cp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-mini-url{display:block;margin-top:8px;font:500 13px/1.2 var(--cp-mono);color:var(--cp-ink-2);word-break:break-all}
.cp-mini .cp-lab{margin-bottom:10px;color:var(--cp-ink-2)}
.cp-mini-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.cp-mini-btns .cp-copy{height:50px;font-size:15px}
.cp-mini-btns .cp-copy .cp-ic{width:16px;height:16px}
.cp-accrows{border-top:1px solid var(--cp-hair)}
.cp-accrows li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--cp-hair);font-size:15px;color:var(--cp-dim)}
.cp-accrows .cp-logo{width:18px;height:18px;color:var(--cp-text)}
.cp-accrows b{font:600 15px/1.2 var(--cp-mono);color:var(--cp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-accrows em{font:500 13px/1.2 var(--cp-mono);font-style:normal;color:var(--cp-mute)}
.cp-pfoot-comm{margin-top:10px;font-size:14px}
/* Hinweis nach einer Aktion (Post/Redirect/Get) */
.cp-ok{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid var(--cp-hair-2);border-radius:var(--cp-r);font-size:15px;line-height:1.4;color:var(--cp-text)}
.cp-ok .cp-ic{width:18px;height:18px;color:var(--cp-text);stroke-width:3;margin-top:1px}
.cp-hinweis{margin:0 0 16px}
.cp-hinweis-warn{border-color:rgba(255,255,255,.6)}
/* „Gerade eingereicht“ (Meldungen) sind seit Portal 5 Zeilen im Panel: Regeln in portal.css (.cp-meld) */

/* ---------- Bedingungen ---------- */
.cp-agb-h{margin:8px 0 10px;font:650 31px/1.04 var(--cp-head);letter-spacing:-.025em}
.cp-agb-stand{display:inline-flex;margin-bottom:18px}
.cp-agb-intro{margin-bottom:22px;font-size:17px;line-height:1.5;color:var(--cp-dim)}
.cp-agb-sec{padding:18px 0;border-top:1px solid var(--cp-hair)}
.cp-agb-sec h2{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.015em}
.cp-agb-sec p,.cp-agb-sec li{font-size:16px;line-height:1.55;color:var(--cp-dim)}
.cp-agb-sec p+p{margin-top:8px}
.cp-agb-sec ul{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.cp-agb-sec li{position:relative;padding-left:18px}
.cp-agb-sec li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;background:var(--cp-hair-2)}
.cp-agb-sec b{color:var(--cp-text)}
.cp-legal{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:20px;padding-top:6px;border-top:1px solid var(--cp-hair)}
.cp-legal a{display:inline-flex;align-items:center;min-height:40px;font-size:13px;font-weight:600;color:var(--cp-mute);text-decoration:underline;text-decoration-color:var(--cp-hair-2);text-underline-offset:4px}

/* ---------- Formularfelder (Portal, Link-Seite) ---------- */
.cp-form-row{margin-top:16px}
.cp-form-row>label{display:block;margin-bottom:7px;font-size:15px;font-weight:600;color:var(--cp-dim)}
.cp-in{display:block;width:100%;height:56px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:var(--cp-rb);background:var(--cp-field);box-shadow:inset 0 1px 2px rgba(0,0,0,.45);font:500 17px/1 var(--cp-sans);color:var(--cp-text);caret-color:#fff;outline:0;-webkit-appearance:none;appearance:none}
.cp-in:focus{border-color:rgba(255,255,255,.6)}
.cp-in::placeholder{color:var(--cp-mute)}
.cp-in.cp-bad{border-color:var(--cp-err)}
select.cp-in{background-image:linear-gradient(45deg,#0000 50%,var(--cp-dim) 50%),linear-gradient(135deg,var(--cp-dim) 50%,#0000 50%);background-position:calc(100% - 22px) 25px,calc(100% - 16px) 25px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.cp-in-hint{margin-top:7px;font-size:14px;line-height:1.35;color:var(--cp-mute)}
.cp-sh-go{margin-top:22px}
.cp-sh-go .cp-go{width:100%}
.cp-plat-tag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:700 13px/1 var(--cp-sans);color:var(--cp-dim)}
.cp-plat-tag .cp-logo{width:14px;height:14px}

/* ---------- Fertig-, Link- und Fehlerseite ---------- */
.cp-screen[data-screen="fertig"] .cp-mini{margin:4px 0 14px}
.cp-screen[data-screen="link"] .cp-form-row{margin-top:4px}
.cp-screen[data-screen="link"] .cp-err{margin-top:8px}
.cp-screen[data-screen="fehler"] .cp-ghost{margin-top:4px}

/* ---------- Desktop ---------- */
@media (min-width:760px){
  .cp-h1{font-size:38px}
  .cp-main{padding-top:32px}
  .cp[data-bar="aus"] .cp-main{padding-top:16px}
  .cp-vid{grid-template-columns:44px minmax(0,1fr) auto}
}
@media (max-width:370px){
  .cp-dn{font-size:26px}
  .cp-dn-row{grid-template-columns:118px minmax(0,1fr)}
  .cp-flow-steps{padding:0 10px}
  .cp-flow-steps li{font-size:12.5px}
  .cp-kat li{padding-left:2px;padding-right:2px}
  .cp-kat b{font-size:10.5px}
  .cp-kat img{width:40px;height:27px}
  .cp-seal{grid-template-columns:minmax(0,1fr) 74px}
  .cp-seal-h{font-size:26px}
}

/* Agenten-Takt wie das Protokoll auf founda.app: Zeit, Agent in Rot, Ergebnis. Keine Bilder. */
.cp-agents-log{gap:0}
.cp-agents-log li{grid-template-columns:44px minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:12px;min-height:38px;padding:6px 0;border-bottom:1px solid var(--cp-hair);opacity:.35;transition:opacity .4s var(--cp-e)}
.cp-agents-log li:last-child{border-bottom:0}
.cp-ag-zeit{font:500 12px/1 var(--cp-mono);color:var(--cp-mute)}
.cp-ag-name{font-size:15px;font-weight:600;color:var(--cp-fire);white-space:nowrap}
.cp-agents-log .cp-ag-txt{display:block;font-size:15px;color:var(--cp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-flow[data-b="2"] .cp-agents-log li{opacity:1}
.cp-flow[data-b="2"] .cp-agents-log li:nth-child(1){transition-delay:.15s}.cp-flow[data-b="2"] .cp-agents-log li:nth-child(2){transition-delay:.9s}.cp-flow[data-b="2"] .cp-agents-log li:nth-child(3){transition-delay:1.65s}
/* „Nach dem Testmonat“ hebt sich grün ab. */
.cp-vd{border-color:rgba(39,208,122,.45);background:linear-gradient(180deg,rgba(39,208,122,.16),rgba(39,208,122,.05)),var(--cp-card)}

.cp-stripebox>.cp-pp{align-self:center}
.cp-bal-row .cp-pp{margin-left:6px}
/* Bewerben (Timur, 14.10.2026): „freiwillig“ hinter dem Feldnamen */
.cp-frei{font-weight:400;color:var(--cp-dim)}
.cp-form-row .cp-hint{margin:8px 0 0;font-size:14px}
/* Vertrauenszeilen: eine schmale Zeichen-Spalte, gleiche Icons; Stripe und PayPal als Logos im Text (Timur, 14.10.2026). */
.cp-trust{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:14px;row-gap:2px}
.cp-trust li{display:contents}
.cp-trust li>span{min-height:34px;display:flex;align-items:center}
.cp-trust li>span:last-child{display:block;align-self:center;padding:6px 0}
.cp-trust-ic{justify-content:center;width:22px}
.cp-trust b .cp-stripe{height:1.05em;vertical-align:-.2em;color:var(--cp-text)}
.cp-trust li b span.cp-pp-inline{font:700 1em/1 var(--cp-sans);letter-spacing:-.02em;color:var(--cp-text)}
/* „Frag alles zu Founda“ / „Lass es dir von ChatGPT erklären“: Onboarding (Bildschirm 2) und Portal. */
.cp-ki-h{margin:0 0 4px;font:750 16px/1.25 var(--cp-sans);color:var(--cp-text)}
.cp-ki-t{margin:0 0 12px;font-size:14px;line-height:1.4;color:var(--cp-dim)}
.cp-ki-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;text-decoration:none}
.cp-ki-go .cp-ic{width:15px;height:15px}
.cp-ki-copy{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:6px 0;border:0;background:none;font:600 13.5px/1.2 var(--cp-sans);color:var(--cp-dim);cursor:pointer}
.cp-ki-copy .cp-ic{width:14px;height:14px}
.cp-ki-go .cp-logo{width:18px;height:18px}
.cp-kif{margin:0 0 20px;padding:16px;border:1px solid var(--cp-card-edge);border-radius:var(--cp-r);background:var(--cp-card);box-shadow:var(--cp-depth)}
.cp-kif .cp-ki-go{margin-top:0}