/* KI-Duell v2 „Die Kundensimulation“ (14.11.2026, Luigi: „i actually love this“). Aus dem Entwurf Runde 3 (design: ki-duell-v2-2026-11-14/source-round3/m3.css),
   alle Regeln unter .kx, damit site.css (nur für den Seitenfuß geladen) nichts überschreibt. Erzeugt von tools/scope_css.py + Ergänzungen unten. */
@font-face{font-family:"Geist V";src:url(/assets/fonts/geist-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono V";src:url(/assets/fonts/geist-mono-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Archivo N";src:url(/assets/fonts/archivo-num.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
body.kx-body{background:#06070A}
.kx{--bg:#06070A;--fg:#F6F4EF;--mute:#A2A8AD;--dim:#5E656C;--line:rgba(246,244,239,.12);--card:#0F1116;
 --me:#4DA3FF;--ri:#FF4B3E;--gold:linear-gradient(180deg,#FFD667,#FF9E1B);--gold1:#FFC34A;
 --f:"Geist V",system-ui,sans-serif;--m:"Geist Mono V",ui-monospace,monospace;--n:"Archivo N","Geist V",sans-serif}
.kx *{box-sizing:border-box}
.kx a{color:inherit}
.kx img{display:block}
.kx .top{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:20px 24px}
.kx .top img{height:30px;width:auto}
.kx .top a{font:500 14px var(--f);color:var(--mute);text-decoration:none}
.kx .c{max-width:900px;margin:0 auto;padding:0 24px;text-align:center}
.kx .s{max-width:660px;margin:0 auto;padding:0 24px}
.kx .lab{margin:0;font:500 12px/1.2 var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.kx h1{margin:18px 0 0;font:700 clamp(34px,5.2vw,64px)/1.03 var(--f);letter-spacing:-.045em;text-wrap:balance}
.kx h1 em{font-style:normal;color:var(--gold1)}
.kx h1 em.ri{color:var(--ri)}
.kx h2{margin:0;font:700 clamp(24px,2.7vw,33px)/1.1 var(--f);letter-spacing:-.035em;text-wrap:balance}
.kx .vp{margin:18px auto 0;max-width:36em;font:400 clamp(17px,1.65vw,20px)/1.45 var(--f);color:#D5D8DB}
.kx .vp b{font-weight:600;color:var(--fg)}
.kx .av{width:var(--s,44px);height:var(--s,44px);border-radius:50%;object-fit:cover;flex:0 0 auto;background:#15181d}
.kx .av.me{box-shadow:0 0 0 3px var(--bg),0 0 0 5.5px var(--me),0 0 22px rgba(77,163,255,.7)}
.kx .av.ri{box-shadow:0 0 0 3px var(--bg),0 0 0 5.5px var(--ri)}
.kx .av.ot{filter:grayscale(1);opacity:.36}
.kx .av.pe{filter:grayscale(1);opacity:.18}
.kx .stack{display:inline-flex;align-items:center;gap:12px;padding:6px 16px 6px 8px;border:1px solid var(--line);border-radius:999px;font:500 14px var(--f);color:#D5D8DB}
.kx .stack span{display:flex}
.kx .stack .av{--s:30px;margin-left:-9px;box-shadow:0 0 0 2px var(--bg)}
.kx .stack .av:first-child{margin-left:0}
.kx .go{display:flex;gap:8px;margin:30px auto 0;max-width:660px;padding:8px;border-radius:22px;background:#000;border:1.5px solid rgba(255,195,74,.75);box-shadow:0 0 0 6px rgba(255,195,74,.1),0 24px 90px -24px rgba(255,160,30,.75)}
.kx .go span{flex:1;min-width:0;display:flex;align-items:center;height:60px;padding:0 16px;font:500 21px var(--f);color:var(--dim);white-space:nowrap;overflow:hidden}
.kx .go span b{font-weight:500;color:#C9CED2}
.kx .kbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 28px;border-radius:15px;background:var(--gold);color:#120B00;font:700 19px/1 var(--f);letter-spacing:-.015em;text-decoration:none;white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 10px 40px -10px rgba(255,160,30,.8)}
.kx .proof{margin:16px 0 0;font:400 14.5px var(--f);color:var(--mute)}
.kx .proof i{font-style:normal;color:var(--dim);margin:0 8px}
.kx .crowd{margin:clamp(34px,5vh,54px) auto 0;max-width:1240px;display:grid;grid-template-columns:repeat(15,1fr);gap:14px 14px;padding:0 24px;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}
.kx .crowd .av{width:100%;height:auto;aspect-ratio:1}
.kx .how{max-width:960px;margin:0 auto;padding:clamp(40px,6vw,76px) 24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.kx .how b{display:block;margin-top:14px;font:700 21px/1.2 var(--f);letter-spacing:-.025em}
.kx .how p{margin:8px 0 0;font-size:16px;color:var(--mute)}
.kx .how .n{font:900 44px/1 var(--n);font-stretch:70%;color:var(--gold1)}
.kx .fair{max-width:660px;margin:clamp(40px,6vw,64px) auto 0;padding:0 24px;text-align:center;color:var(--mute);font-size:16px}
.kx .fair b{color:var(--fg);font-weight:600}
.kx .end{padding:clamp(34px,5vw,60px) 24px clamp(48px,6vw,80px);text-align:center}
.kx .live{min-height:100vh;display:grid;align-content:center;padding:36px 0}
.kx .prog{height:4px;max-width:340px;margin:12px auto 0;border-radius:2px;background:var(--line);overflow:hidden}
.kx .prog i{display:block;height:100%;width:47%;background:var(--gold)}
.kx .cust{margin:30px auto 0;max-width:620px;padding:30px 28px 26px;border-radius:28px;background:radial-gradient(120% 90% at 50% 0%,rgba(255,75,62,.22),transparent 60%),var(--card);border:1px solid rgba(255,75,62,.45);display:grid;justify-items:center;gap:6px}
.kx .cust .av{--s:124px}
.kx .cust .who{margin:14px 0 0;font:700 22px/1.1 var(--f);letter-spacing:-.02em}
.kx .cust .role{margin:0;font-size:15.5px;color:var(--mute)}
.kx .cust .say{margin:14px 0 0;font:500 clamp(19px,2.1vw,24px)/1.25 var(--f);letter-spacing:-.02em;text-wrap:balance}
.kx .cust .ask{margin:16px 0 0;font:500 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.kx .cust .to{margin:4px 0 0;font:700 clamp(21px,2.4vw,27px)/1.1 var(--f);letter-spacing:-.03em;color:var(--ri)}
.kx .tally{margin:26px auto 0;max-width:620px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.kx .tally div{text-align:left}
.kx .tally div.r{text-align:right}
.kx .tally b{display:block;font:900 64px/.85 var(--n);font-stretch:70%}
.kx .tally .me b{color:var(--me)}
.kx .tally .ri b{color:var(--ri)}
.kx .tally small{font:500 12.5px var(--f);color:var(--mute)}
.kx .dots{display:grid;grid-template-columns:repeat(15,1fr);gap:6px}
.kx .dots i{aspect-ratio:1;border-radius:50%;background:rgba(246,244,239,.1)}
.kx .dots i.me{background:var(--me);box-shadow:0 0 10px var(--me)}
.kx .dots i.ri{background:var(--ri)}
.kx .dots i.ot{background:rgba(246,244,239,.38)}
.kx .hero{padding:clamp(8px,2vh,24px) 0 clamp(40px,6vw,64px)}
.kx .lvl{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,75,62,.5);background:rgba(255,75,62,.1);font:500 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:#FFB1AA}
.kx .lvl b{color:var(--fg);font-weight:600}
.kx .lvl span{display:flex;gap:4px}
.kx .lvl span i{width:14px;height:5px;border-radius:3px;background:rgba(246,244,239,.18)}
.kx .lvl span i.on{background:var(--ri)}
.kx .vs{position:relative;margin:20px auto 0;max-width:820px;border-radius:32px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(60% 110% at 0% 0%,rgba(77,163,255,.2),transparent 62%),radial-gradient(70% 120% at 100% 0%,rgba(255,75,62,.46),transparent 64%),var(--card);padding:30px 34px 28px}
.kx .vs-m{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:18px}
.kx .side{text-align:left;min-width:0}
.kx .side.r{text-align:right}
.kx .side small{display:block;font:500 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.kx .side.r small{color:#FFB1AA}
.kx .side .nm{display:block;margin-top:6px;font:600 clamp(16px,1.8vw,22px)/1.15 var(--f);letter-spacing:-.02em;overflow-wrap:anywhere}
.kx .side .num{display:block;margin-top:6px;font:900 clamp(96px,15vw,190px)/.8 var(--n);font-stretch:68%;letter-spacing:-.02em}
.kx .side .num{color:var(--me);text-shadow:0 0 60px rgba(77,163,255,.5)}
.kx .side.r .num{color:var(--fg);text-shadow:0 0 70px rgba(255,75,62,.95),0 0 20px rgba(255,75,62,.6)}
.kx .side .u{display:block;margin-top:10px;font:500 14px var(--f);color:var(--mute)}
.kx .mid{align-self:center;font:900 22px/1 var(--n);font-stretch:80%;color:var(--dim);padding-bottom:40px}
.kx .faces{margin:26px 0 0;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(15,1fr);gap:12px 10px}
.kx .faces .av{width:100%;height:auto;aspect-ratio:1}
.kx .faces .av.me,.kx .faces .av.ri{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--c)}
.kx .faces .av.me{--c:var(--me);box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--me),0 0 18px rgba(77,163,255,.8)}
.kx .faces .av.ri{--c:var(--ri)}
.kx .hero h1{margin-top:30px;font-size:clamp(30px,4.4vw,52px)}
.kx .hero .vp{color:var(--mute)}
.kx .hero .kbtn{margin-top:28px;height:66px;padding:0 36px;font-size:21px}
.kx .sub{margin:14px 0 0;font-size:14.5px;color:var(--mute)}
.kx .sub a{text-underline-offset:4px}
.kx .sec{padding:clamp(34px,5vw,56px) 0;border-top:1px solid var(--line)}
.kx .sec h2+p{margin:8px 0 0;color:var(--mute)}
.kx .lost{margin:22px 0 0;display:grid;gap:10px}
.kx .lost div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 16px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.kx .lost .av{--s:64px;grid-row:1/span 3}
.kx .lost b{font:600 17px/1.2 var(--f)}
.kx .lost b span{font-weight:400;color:var(--mute)}
.kx .lost p{margin:0;font-size:16px;line-height:1.35}
.kx .lost em{font:600 14.5px var(--f);font-style:normal;color:var(--ri)}
.kx .lost em span{font-weight:400;color:var(--mute)}
.kx .more{margin:16px 0 0;font-size:15.5px;color:var(--mute)}
.kx .more a{color:var(--fg);text-underline-offset:4px}
.kx .rank{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:13px}
.kx .rank li{display:grid;grid-template-columns:22px minmax(0,11.5em) 1fr 5.4em;gap:12px;align-items:center;font-size:17px}
.kx .rank li>b{font:500 13px var(--m);color:var(--dim)}
.kx .rank li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx .rank li i{height:10px;border-radius:5px;background:var(--ri);width:var(--w);opacity:var(--o,1)}
.kx .rank li em{font:500 14.5px var(--f);font-style:normal;text-align:right;color:var(--mute)}
.kx .rank li.you{font-weight:600;color:var(--me)}
.kx .rank li.you i{background:var(--me)}
.kx .rank li.you em,.kx .rank li.you>b{color:var(--me)}
.kx .why{margin:22px 0 0;display:grid;gap:10px}
.kx .why div{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.kx .why b{display:block;font:600 19px/1.25 var(--f);letter-spacing:-.02em}
.kx .why p{margin:6px 0 0;font-size:16px;color:var(--mute)}
.kx .why .lock{display:flex;justify-content:space-between;align-items:center;gap:14px;border-style:dashed;background:none;color:var(--mute);font-size:16px}
.kx .why .lock span{font:500 12px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--gold1);white-space:nowrap}
.kx .offer{padding:clamp(24px,3.4vw,36px);border-radius:28px;background:#000;border:1.5px solid rgba(255,195,74,.75);box-shadow:0 0 0 6px rgba(255,195,74,.08),0 30px 110px -40px rgba(255,160,30,.75)}
.kx .offer .lab{color:var(--gold1);margin-bottom:10px}
.kx .offer ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.kx .offer li{position:relative;padding-left:30px;font-size:17px;line-height:1.4}
.kx .offer li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold1);font-weight:700}
.kx .price{display:flex;align-items:baseline;gap:12px;margin:24px 0 0}
.kx .price b{font:900 62px/.9 var(--n);font-stretch:72%}
.kx .price span{font-size:15px;color:var(--mute)}
.kx .offer .kbtn{width:100%;margin-top:18px;height:66px;font-size:21px}
.kx .fine{margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--mute);text-align:center}
.kx .later{margin:26px 0 0;text-align:center;font-size:15.5px;color:var(--mute)}
.kx .later a{color:var(--fg);text-underline-offset:4px}
.kx .act{margin:26px 0 0;display:grid;gap:12px}
.kx .act>div{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.kx .act>div>span{font:900 44px/1 var(--n);font-stretch:70%;color:var(--gold1)}
.kx .act>div>b{font:600 19px/1.25 var(--f);letter-spacing:-.02em}
.kx .act>div>p{grid-column:2;margin:0;font-size:16px;color:var(--mute)}
.kx .act>div>a{grid-row:1/span 2;grid-column:3;display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:12px;box-shadow:0 0 0 1.5px rgba(246,244,239,.3) inset;font:600 15px var(--f);text-decoration:none;white-space:nowrap}
.kx .tri{margin:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kx .tri>div{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.kx .tri b{display:block;margin-top:10px;font:900 56px/.9 var(--n);font-stretch:70%;color:var(--me)}
.kx .tri b span{color:var(--dim);font-size:.5em}
.kx .tri small{display:block;margin-top:6px;font-size:14px;color:var(--mute)}
.kx .srcs{margin:22px 0 0;padding:0;list-style:none}
.kx .srcs li{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:17px}
.kx .srcs li span{color:var(--ri);font-size:15px;white-space:nowrap}
.kx .srcs li span.ok{color:var(--mute)}
.kx .call{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 20px;align-items:center}
.kx .call img{width:84px;height:84px;border-radius:50%;object-fit:cover;grid-row:1/span 2}
.kx .call p{margin:0;color:var(--mute);font-size:16px}
.kx .call .kbtn{grid-column:1/-1;margin-top:14px}
@media (max-width:700px){.kx .top{padding:14px 20px}
.kx .top img{height:26px}
.kx .c,.kx .s{padding:0 20px}
.kx h1{font-size:33px;margin-top:14px}
.kx .vp{font-size:16px;margin-top:12px}
.kx .stack{font-size:13px;padding-right:13px}
.kx .go{flex-direction:column;margin-top:20px}
.kx .go span{height:52px;font-size:19px}
.kx .kbtn{height:58px;width:100%;font-size:18px}
.kx .proof{font-size:13.5px}
.kx .proof i{margin:0 5px}
.kx .crowd{grid-template-columns:repeat(6,1fr);gap:10px;padding:0 20px;margin-top:30px}
.kx .how{grid-template-columns:1fr;gap:26px}
.kx .cust{padding:22px 18px 20px}
.kx .cust .av{--s:96px}
.kx .tally b{font-size:50px}
.kx .dots{grid-template-columns:repeat(10,1fr);gap:5px}
.kx .vs{padding:20px 16px 18px;border-radius:26px}
.kx .vs-m{gap:6px}
.kx .side .num{font-size:104px}
.kx .side .nm{font-size:14.5px}
.kx .mid{font-size:16px;padding-bottom:30px}
.kx .faces{grid-template-columns:repeat(10,1fr);gap:9px 7px;margin-top:18px;padding-top:16px}
.kx .hero h1{font-size:30px;margin-top:24px}
.kx .hero .kbtn{width:100%;padding:0 10px;font-size:19px;height:62px}
.kx .lost div{grid-template-columns:52px minmax(0,1fr);padding:14px}
.kx .lost .av{--s:52px}
.kx .rank li{grid-template-columns:18px minmax(0,8.2em) 1fr 4.6em;font-size:15.5px;gap:8px}
.kx .rank li em{font-size:13.5px}
.kx .act>div{grid-template-columns:36px minmax(0,1fr)}
.kx .act>div>a{grid-row:auto;grid-column:2;justify-self:start;margin-top:8px}
.kx .tri b{font-size:40px}
.kx .tri>div{padding:12px}
.kx .call{grid-template-columns:64px minmax(0,1fr)}
.kx .call img{width:64px;height:64px}
}
.kx .c.wide{max-width:1120px}
.kx .first{padding-top:clamp(6px,2.4vh,26px)}
.kx .first h1 em{display:block}
.kx .capt,.kx .cap{margin:14px auto 0;padding:0 24px;text-align:center;font:400 12.5px var(--f);color:var(--dim)}
.kx .cap{padding:0;margin-top:16px}
.kx .offer.call{display:grid}
.kx .offer.call h2{align-self:end}
.kx .offer.call p{align-self:start}
@media (max-width:700px){.kx .first h1 em{display:inline}
.kx .first{padding-top:4px}
}
.kx .stack,.kx .lvl{white-space:nowrap}
.kx .vs{max-width:1060px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"me faces ri" "cap cap cap";align-items:center;gap:0 44px;padding:26px 36px 18px}
.kx .vs>.side{grid-area:me}
.kx .vs>.side.r{grid-area:ri}
.kx .vs>.mid{display:none}
.kx .vs>.faces{grid-area:faces;margin:0;padding:0;border:0;grid-template-columns:repeat(10,1fr);gap:11px 11px;max-width:520px;width:100%;justify-self:center}
.kx .vs>.cap{grid-area:cap}
.kx .side .num{font-size:clamp(96px,13vw,164px)}
.kx .hero h1{font-size:clamp(30px,4vw,48px);margin-top:26px}
.kx .hero .vp{margin-top:12px}
.kx .hero .kbtn{margin-top:22px}
@media (max-width:700px){.kx .stack{font-size:12.5px}
.kx .lvl{font-size:10.5px;letter-spacing:.07em;gap:8px;padding:8px 13px}
.kx .vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"me mid ri" "faces faces faces" "cap cap cap";align-items:end;gap:0 6px;padding:20px 16px 16px}
.kx .vs>.mid{display:block;grid-area:mid}
.kx .vs>.faces{max-width:none;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);gap:9px 7px}
.kx .side .num{font-size:104px}
.kx .hero h1{font-size:30px;margin-top:24px}
}
@media (min-width:701px){.kx .vs>.faces{max-width:600px;gap:12px}
}
.kx .act>div>b{align-self:end}
.kx .act>div>p{align-self:start}
@media (max-width:700px){.kx .first h1 em{display:block}
.kx .rank li{grid-template-columns:16px minmax(0,1fr) 54px 4.3em;font-size:15px;gap:8px}
}


/* ===== Ergänzungen für die echte Seite (14.11.2026) ===== */
.kx{background:var(--bg);color:var(--fg);font:400 17px/1.5 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip}
.kx [hidden]{display:none!important}
.kx p{margin:0}
.kx ::selection{background:rgba(255,195,74,.35)}
.kx :focus-visible{outline:2px solid var(--gold1);outline-offset:3px}
.kx main{min-height:60vh}
.kx .top img{height:30px}
/* Formular: echtes Feld statt Platzhalter */
.kx .go label{flex:1;min-width:0;display:flex;align-items:center;height:60px;padding:0 6px 0 16px;cursor:text}
.kx .go label span{flex:none;display:inline;height:auto;padding:0;overflow:visible;font:500 21px var(--f);color:var(--dim)}
.kx .go input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--fg);font:500 21px var(--f);padding:0 0 0 1px}
.kx .go input::placeholder{color:#C9CED2;opacity:.55}
.kx .go:focus-within{border-color:#FFD667;box-shadow:0 0 0 6px rgba(255,195,74,.18),0 24px 90px -24px rgba(255,160,30,.85)}
.kx .kbtn{border:0;cursor:pointer;transition:transform .15s ease,filter .15s ease}
.kx .kbtn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.kx .kbtn:active{transform:translateY(1px)}
.kx .hint{margin:10px 0 0;font-size:14.5px;color:#FFB1AA;min-height:1.4em}
.kx .kfaq{max-width:660px;margin:clamp(40px,6vw,72px) auto 0;padding:0 24px}
.kx .kfaq h2{text-align:center;margin-bottom:14px}
.kx .kfaq details{border-top:1px solid var(--line)}
.kx .kfaq details:last-child{border-bottom:1px solid var(--line)}
.kx .kfaq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font:600 17.5px/1.35 var(--f);letter-spacing:-.01em}
.kx .kfaq summary::-webkit-details-marker{display:none}
.kx .kfaq summary::after{content:"+";color:var(--gold1);font-weight:500;font-size:22px;line-height:1}
.kx .kfaq details[open] summary::after{content:"–"}
.kx .kfaq details p{padding:0 0 18px;color:var(--mute);font-size:16px}
.kx .kfaq a{color:var(--fg);text-underline-offset:3px}

/* Laden: Kunden entstehen */
.kx .load{display:grid;justify-items:center;gap:14px}
.kx .gather{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;width:min(520px,100%);margin:18px 0 6px}
.kx .gather .av{width:100%;height:auto;aspect-ratio:1;filter:grayscale(1);opacity:0;transform:scale(.6);transition:opacity .5s ease,transform .5s cubic-bezier(.2,1.4,.4,1),filter .5s ease}
.kx .gather .av.in{opacity:.55;transform:scale(1)}
.kx .gather .av.go2{filter:none;opacity:1}
.kx .load-t{font:700 clamp(24px,3vw,34px)/1.15 var(--f);letter-spacing:-.03em;min-height:2.3em;text-wrap:balance}
.kx .load-s{color:var(--mute);font-size:15px}

/* Live */
.kx .live{min-height:calc(100svh - 70px);align-content:start;padding:clamp(16px,4vh,48px) 0 40px}
.kx .cust{transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}
.kx .cust.ask{border-color:var(--line);background:radial-gradient(120% 90% at 50% 0%,rgba(246,244,239,.08),transparent 60%),var(--card)}
.kx .cust.me{border-color:rgba(77,163,255,.8);background:radial-gradient(120% 90% at 50% 0%,rgba(77,163,255,.32),transparent 62%),var(--card);box-shadow:0 0 80px -20px rgba(77,163,255,.8)}
.kx .cust.ot{border-color:rgba(246,244,239,.2);background:var(--card)}
.kx .cust .av{transition:box-shadow .3s ease}
.kx .cust.ask .av{box-shadow:0 0 0 3px var(--bg),0 0 0 5.5px rgba(246,244,239,.25)}
.kx .cust.ri .av{box-shadow:0 0 0 3px var(--bg),0 0 0 5.5px var(--ri)}
.kx .cust.me .av{box-shadow:0 0 0 3px var(--bg),0 0 0 5.5px var(--me),0 0 30px rgba(77,163,255,.9)}
.kx .cust.ot .av{filter:grayscale(.7)}
.kx .cust .to{min-height:1.2em}
.kx .cust.me .to{color:var(--me)}
.kx .cust.ot .to{color:var(--mute)}
.kx .cust .to small{display:block;margin-top:6px;font:500 14px var(--f);letter-spacing:0;color:var(--mute)}
.kx .cust.pop{animation:kx-pop .38s cubic-bezier(.2,1.3,.4,1)}
.kx .cust.hit{animation:kx-hit .5s ease}
.kx .cust.win{animation:kx-win .7s cubic-bezier(.2,1.5,.4,1)}
@keyframes kx-pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes kx-hit{0%{transform:none}25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}100%{transform:none}}
@keyframes kx-win{0%{transform:scale(1)}40%{transform:scale(1.045)}100%{transform:scale(1)}}
.kx .typing{display:inline-flex;gap:6px;align-items:center;height:1.1em}
.kx .typing i{width:9px;height:9px;border-radius:50%;background:var(--mute);animation:kx-dot 1s infinite ease-in-out}
.kx .typing i:nth-child(2){animation-delay:.15s}.kx .typing i:nth-child(3){animation-delay:.3s}
@keyframes kx-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.kx .prog i{width:var(--p,0%);transition:width .4s ease}
.kx .tally b.bump{animation:kx-bump .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes kx-bump{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}
.kx .tally .ri small{display:block;max-width:11em;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx .dots i{transition:background .3s ease,box-shadow .3s ease}
.kx .dots i.cur{box-shadow:0 0 0 2px var(--gold1)}
.kx .dots i.no{background:rgba(246,244,239,.2)}
.kx .kskip{display:block;margin:22px auto 0;background:none;border:0;color:var(--mute);font:500 14.5px var(--f);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.kx .kskip:hover{color:var(--fg)}
.kx .err{margin:30px auto 0;max-width:560px;padding:24px;border:1px solid rgba(255,75,62,.45);border-radius:22px;background:var(--card);display:grid;gap:16px;justify-items:center}
.kx .err p{font-size:17px}
.kx .ghost{display:inline-flex;align-items:center;height:48px;padding:0 20px;border-radius:13px;background:none;border:0;box-shadow:0 0 0 1.5px rgba(246,244,239,.3) inset;color:var(--fg);font:600 15.5px var(--f);cursor:pointer;text-decoration:none}
.kx .ghost:hover{box-shadow:0 0 0 1.5px rgba(246,244,239,.6) inset}

/* Ergebnis */
.kx .lvl.good{border-color:rgba(77,163,255,.5);background:rgba(77,163,255,.1);color:#B9DBFF}
.kx .lvl.good span i.on{background:var(--me)}
.kx .vs .num{font-variant-numeric:tabular-nums}
.kx .lost em b{font-weight:600}
.kx details.all{margin:16px 0 0}
.kx details.all summary{list-style:none;cursor:pointer;display:inline;font-size:15.5px;color:var(--fg);text-decoration:underline;text-underline-offset:4px}
.kx details.all summary::-webkit-details-marker{display:none}
.kx details.all[open] summary{color:var(--mute)}
.kx .convo{margin:16px 0 0;display:grid;gap:8px}
.kx .convo>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.kx .convo .av{--s:44px;grid-row:1/span 4}
.kx .convo b{font:600 15.5px/1.25 var(--f)}
.kx .convo b span{font-weight:400;color:var(--mute)}
.kx .convo .q{font-size:15.5px}
.kx .convo .a{font-size:14.5px;color:var(--mute);white-space:pre-line;margin-top:6px}
.kx .convo .o{font:600 14px var(--f);color:var(--ri);margin-top:6px}
.kx .convo .o.me{color:var(--me)}.kx .convo .o.ot{color:var(--mute)}
.kx .why .verdict{border:0;background:none;padding:0 0 4px;font:600 19px/1.35 var(--f);color:var(--fg)}
.kx .rank li i{width:var(--w,3%);opacity:var(--o,1)}
.kx .watch{margin:30px 0 0;padding:22px;border:1px solid var(--line);border-radius:22px;text-align:left}
.kx .watch h3{margin:0;font:700 19px/1.25 var(--f);letter-spacing:-.02em}
.kx .watch>p{margin:6px 0 0;color:var(--mute);font-size:15.5px}
.kx .watch form{display:flex;gap:8px;margin:14px 0 0}
.kx .watch input[type=email]{flex:1;min-width:0;height:50px;padding:0 14px;border-radius:13px;border:1px solid rgba(246,244,239,.25);background:#000;color:var(--fg);font:500 16px var(--f)}
.kx .watch input[type=email]:focus{border-color:var(--gold1);outline:0}
.kx .watch .ghost{height:50px}
.kx .watch .legal-t{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--dim)}
.kx .watch .legal-t a{color:var(--mute)}
.kx .watch .ok{margin:12px 0 0;color:#B9DBFF;font-size:15.5px}
.kx .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.kx .acts2{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0}
.kx .disc{margin:30px 0 0;padding-bottom:56px;text-align:center;font-size:13px;line-height:1.5;color:var(--dim)}
.kx .skel{display:grid;place-items:center;min-height:60vh;color:var(--mute)}

/* Plan */
.kx .act>div{align-items:start}
.kx .act .box{grid-column:1/-1;margin-top:12px;padding:16px 18px;border-radius:14px;background:#000;border:1px solid var(--line);font-size:15.5px;line-height:1.55;white-space:pre-line;max-height:420px;overflow:auto}
.kx .act .box dl{margin:0;white-space:normal}
.kx .act .box dt{font-weight:600;margin-top:12px}.kx .act .box dt:first-child{margin-top:0}
.kx .act .box dd{margin:4px 0 0;color:#D5D8DB}
.kx .act .box ul{margin:0;padding:0;list-style:none;white-space:normal;display:grid;gap:12px}
.kx .act .box li b{display:block}
.kx .act .box li span{display:block;color:var(--mute);font-size:14.5px}
.kx .act .box li q{display:block;margin-top:4px;quotes:none}
.kx .act .cp{grid-column:1/-1;justify-self:start;margin-top:10px;cursor:pointer;background:none;border:0;color:var(--fg)}
.kx .reasons{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:r}
.kx .reasons li{padding:16px 18px 16px 54px;position:relative;border:1px solid var(--line);border-radius:16px;background:var(--card);counter-increment:r}
.kx .reasons li::before{content:counter(r);position:absolute;left:18px;top:14px;font:900 26px/1 var(--n);font-stretch:70%;color:var(--gold1)}
.kx .reasons b{display:block;font:600 17px/1.3 var(--f)}
.kx .reasons p{margin:4px 0 0;color:var(--mute);font-size:15.5px}
.kx .reasons .fx{margin-top:8px;color:var(--fg)}
.kx .reasons .fx i{font-style:normal;color:var(--gold1);font-weight:600}
.kx .srcs li.own span{color:var(--me)}
.kx .wait{display:grid;justify-items:center;gap:16px;padding:clamp(30px,8vh,90px) 0 70px}
.kx .spin{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,195,74,.2);border-top-color:var(--gold1);animation:kx-spin 1s linear infinite}
@keyframes kx-spin{to{transform:rotate(360deg)}}
.kx .linkbox{display:flex;gap:8px;width:100%;max-width:620px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#000}
.kx .linkbox code{flex:1;min-width:0;align-self:center;padding:0 8px;font:500 13.5px var(--m);color:#D5D8DB;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kx .steps{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:8px;text-align:left}
.kx .steps li{color:var(--dim);font-size:15.5px}.kx .steps li.on{color:var(--fg)}.kx .steps li.done{color:var(--mute)}
.kx .steps li::before{content:"○ ";color:var(--dim)}.kx .steps li.on::before{content:"● ";color:var(--gold1)}.kx .steps li.done::before{content:"✓ ";color:var(--me)}
.kx .pbar{margin-top:6px}
.kx .klegal{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,48px) 24px 72px}
.kx .klegal h1{font-size:clamp(30px,4vw,44px)}
.kx .klegal h2{font-size:21px;margin:34px 0 8px}
.kx .klegal p{margin:8px 0 0;color:#D5D8DB;font-size:16px}
.kx .klegal a{text-underline-offset:3px}
@media (max-width:700px){
 .kx .go label{height:52px}.kx .go label span,.kx .go input{font-size:19px}
 .kx .kbtn{width:100%}
 .kx .gather{gap:7px}
 .kx .watch form{flex-direction:column}
 .kx .watch input[type=email]{flex:none;width:100%}
 .kx .rank li{grid-template-columns:16px minmax(0,1fr) 64px 4.6em}
 .kx .watch .ghost{justify-content:center}
 .kx .reasons li{padding-left:46px}.kx .reasons li::before{left:14px}
 .kx .act .box{max-height:340px}
}
@media (prefers-reduced-motion:reduce){.kx *,.kx *::before,.kx *::after{animation:none!important;transition:none!important}}
@media print{
 body.kx-body,.kx{background:#fff!important;color:#000!important}
 .kx .top,.foot,.kx .kbtn,.kx .cp,.kx .more,.kx .offer.call .kbtn,#cc-banner,.cc-bar,.skip{display:none!important}
 .kx .act div,.kx .reasons li,.kx .tri>div,.kx .offer{background:#fff!important;border-color:#bbb!important;box-shadow:none!important;color:#000!important}
 .kx .act .box{max-height:none;overflow:visible;background:#fff;color:#000}
 .kx .vp,.kx .act p,.kx .reasons p,.kx .srcs li,.kx .act .box dd{color:#222!important}
 .kx h1 em{color:#000}
}