/* Präsentations-Player – Design */
@font-face{font-family:Inter;src:url(fonts/Inter-Regular.otf) format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-Medium.otf) format("opentype");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-SemiBold.otf) format("opentype");font-weight:600;font-display:swap}
@font-face{font-family:InterDisplay;src:url(fonts/InterDisplay-SemiBold.otf) format("opentype");font-weight:600;font-display:swap}
@font-face{font-family:InterDisplay;src:url(fonts/InterDisplay-Bold.otf) format("opentype");font-weight:700;font-display:swap}

:root{--bg:#070907;--bg2:#0C100C;--line:#1f2a1f;--line2:rgba(238,242,236,.13);--tx:#EEF2EC;--mu:#9aa59a;--mu2:#5f6b5f;--acc2:#8FD14F;--ff:Inter;--ffd:InterDisplay;
  --glass:rgba(12,16,12,.66);--side:300px;--top:60px;--r:18px;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--tx);font-family:var(--ff),Inter,"Segoe UI",Tahoma,"Noto Sans Arabic","Geeza Pro",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
svg{width:1em;height:1em}
em{font-style:normal;color:var(--acc)}
#kp{position:fixed;inset:0;display:grid;grid-template-columns:var(--side) 1fr;grid-template-rows:var(--top) 1fr;background:var(--bg)}

/* Kassa-Hintergrund wie auf der Partnerseite: Lichtflächen + 64-px-Raster + driftendes Licht */
.kfx{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;display:none}
#kp.fx .kfx{display:block}
.kfx::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 8% 6%,color-mix(in srgb,var(--acc2) 16%,transparent),transparent 62%),radial-gradient(820px 520px at 96% 4%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 62%),radial-gradient(900px 600px at 50% 112%,color-mix(in srgb,var(--acc2) 10%,transparent),transparent 65%),linear-gradient(color-mix(in srgb,var(--acc) 3.5%,transparent) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 3.5%,transparent) 1px,transparent 1px) 0 0/64px 64px}
.kfx i{position:absolute;inset:-20% -10%;background:radial-gradient(480px 300px at 30% 40%,color-mix(in srgb,var(--acc) 7%,transparent),transparent 70%),radial-gradient(520px 320px at 75% 65%,color-mix(in srgb,var(--acc2) 7%,transparent),transparent 70%);animation:kDrift 22s ease-in-out infinite alternate}
@keyframes kDrift{0%{transform:translate3d(-3%,-2%,0)}100%{transform:translate3d(4%,3%,0)}}
#kp[data-vmode=full] .kfx{opacity:.45}
.kp-hero .kfx{z-index:0}
.hero-in{z-index:1}

/* Kopfzeile */
.kp-top{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(5,8,6,.85);backdrop-filter:blur(12px);z-index:20}
.logo{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.logo b{font:700 22px/1 var(--ffd),InterDisplay,Inter,sans-serif;letter-spacing:-.02em}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.logo span{margin-inline-start:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.partner{font-size:11px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);color:var(--acc);border-radius:99px;white-space:nowrap}
.tools{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.langs{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.langs button{padding:7px 10px;font-size:12px;font-weight:600;color:var(--mu);transition:.2s}
.langs button.on{background:var(--acc);color:#0b0f08}
.langs button:not(.on):hover{color:var(--tx);background:rgba(255,255,255,.05)}
.ib{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line2);transition:.2s}
.ib:hover{border-color:var(--acc);color:var(--acc)}
.ib svg,.pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ib.off{opacity:.45}.ib.off .w{display:none}
.pill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--line2);font-weight:600;font-size:14px;transition:.2s}
.pill svg{fill:currentColor;stroke:none}
.pill:hover{border-color:var(--acc)}
.pill.primary{background:var(--acc);color:#0b0f08;border-color:var(--acc);box-shadow:0 8px 30px -8px color-mix(in srgb,var(--acc) 70%,transparent)}
.pill.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
#kp-play .i-pause,#kp-play .lz{display:none}
#kp.playing #kp-play .i-pause,#kp.playing #kp-play .lz{display:inline}
#kp.playing #kp-play .i-play,#kp.playing #kp-play .lp{display:none}
.only-m{display:none}

/* Kapitel-Liste */
.kp-side{border-inline-end:1px solid var(--line);overflow:auto;padding:14px 12px 24px;background:var(--bg);z-index:15;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.side-h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mu2);padding:4px 10px 10px;display:flex;justify-content:space-between}
.ch{display:flex;gap:12px;width:100%;text-align:start;padding:10px;border-radius:12px;position:relative;transition:background .2s;margin-bottom:2px}
.ch:hover{background:rgba(255,255,255,.035)}
.ch .n{flex:none;width:26px;height:26px;border-radius:8px;border:1px solid var(--line2);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--mu)}
.ch .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ch b{font-size:13.5px;font-weight:600}
.ch small{font-size:11.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .p{position:absolute;inset-inline:48px 12px;bottom:3px;height:2px;border-radius:2px;background:var(--line);--p:0;overflow:hidden}
.ch .p::after{content:"";position:absolute;inset:0;background:var(--acc);transform-origin:left;transform:scaleX(var(--p))}
[dir=rtl] .ch .p::after{transform-origin:right}
.ch.done .p::after{transform:scaleX(1);opacity:.5}
.ch:not(.on):not(.done) .p{opacity:0}
.ch.on{background:rgba(255,255,255,.05)}
.ch.on .n{background:var(--acc);color:#0b0f08;border-color:var(--acc)}
.ch.done .n{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 40%,transparent)}

/* Bühne */
.kp-stage{position:relative;overflow:hidden;container-type:size;container-name:stage;background:radial-gradient(120% 90% at 70% 40%,#0c130b,var(--bg))}
.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.bgv.on{opacity:1}
.scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,6,calc(var(--scrim) + .3)) 0%,rgba(5,8,6,var(--scrim)) 45%,rgba(5,8,6,calc(var(--scrim) - .15)) 100%),linear-gradient(0deg,rgba(5,8,6,.85) 0%,transparent 28%)}
[dir=rtl] .scrim{background:linear-gradient(-90deg,rgba(5,8,6,calc(var(--scrim) + .3)) 0%,rgba(5,8,6,var(--scrim)) 45%,rgba(5,8,6,calc(var(--scrim) - .15)) 100%),linear-gradient(0deg,rgba(5,8,6,.85) 0%,transparent 28%)}
#kp[data-vmode=full] .scrim{background:linear-gradient(0deg,rgba(5,8,6,.85) 0%,transparent 35%),linear-gradient(90deg,rgba(5,8,6,.55),transparent 50%)}
.head{position:absolute;inset-inline-start:4.5cqw;top:5cqh;z-index:3}
.kp-stage>.kfx{z-index:1}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:max(11px,.85cqw);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.kicker::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--acc)}
.head h2{margin:.5cqh 0 0;font:700 clamp(26px,3.4cqw,64px)/1.02 var(--ffd),InterDisplay,Inter,sans-serif;letter-spacing:-.025em}
.show{position:absolute;inset-inline-start:4.5cqw;top:28cqh;width:40cqw;z-index:3;font:700 clamp(28px,4.3cqw,84px)/1.04 var(--ffd),InterDisplay,Inter,sans-serif;letter-spacing:-.03em;text-wrap:balance}
.show .w{display:inline-block;opacity:0;transform:translateY(.35em);filter:blur(8px)}
.show.in .w{animation:wIn .7s var(--ease) forwards;animation-delay:calc(var(--k) * 28ms)}
@keyframes wIn{to{opacity:1;transform:none;filter:none}}
.viz{position:absolute;inset-inline-end:3cqw;top:13cqh;width:52cqw;height:64cqh;z-index:2;container-type:size;opacity:0;transform:scale(.97);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.viz.in{opacity:1;transform:none}
.cap{position:absolute;inset-inline:4.5cqw 4.5cqw;bottom:calc(14cqh);z-index:4;font-size:clamp(16px,1.55cqw,30px);font-weight:500;line-height:1.35;min-height:1.4em;text-shadow:0 2px 14px rgba(0,0,0,.6);max-width:64cqw}
.cap span{transition:color .25s,opacity .25s}
.cap .fut{opacity:.45}
.cap .past{opacity:1}
.cap .now{opacity:1;color:#fff}
.cap .hl{color:var(--acc)}
.ctrl{position:absolute;inset-inline:3.5cqw;bottom:3.2cqh;z-index:5;display:flex;align-items:center;gap:12px}
.segs{flex:1;display:flex;gap:5px;height:22px;align-items:center}
.seg{flex:1;height:22px;display:flex;align-items:center}
.seg i{display:block;height:4px;border-radius:4px;background:var(--acc);width:0;box-shadow:0 0 10px color-mix(in srgb,var(--acc) 60%,transparent)}
.seg{background:linear-gradient(var(--line2),var(--line2)) center/100% 4px no-repeat;border-radius:4px}
.seg.done i{width:100%;opacity:.55;box-shadow:none}
.seg:hover{background-size:100% 6px}
.time{font-size:12px;color:var(--mu);font-variant-numeric:tabular-nums;min-width:84px;text-align:center}
.legal{position:absolute;inset-inline-end:3.5cqw;bottom:9.5cqh;z-index:6;max-width:44cqw;font-size:11px;color:var(--mu);text-align:end;line-height:1.45}
.legal button{font-size:11px;color:var(--tx);padding:4px 9px;border:1px solid var(--line2);border-radius:99px;background:rgba(5,8,6,.6)}
.legal span,.legal a{display:none}
.legal.open span,.legal.open a{display:inline}
.legal.open{background:rgba(5,8,6,.92);border:1px solid var(--line2);border-radius:12px;padding:10px 12px}
.legal a{color:var(--acc)}
.noaudio{position:absolute;top:5cqh;inset-inline-end:3.5cqw;z-index:6;font-size:11px;letter-spacing:.06em;color:var(--mu);border:1px dashed var(--line2);border-radius:99px;padding:5px 10px}
.bigplay,.fin{position:absolute;inset:0;margin:auto;z-index:8;display:none}
.bigplay{width:96px;height:96px;border-radius:50%;background:var(--acc);color:#0b0f08;box-shadow:0 0 0 12px color-mix(in srgb,var(--acc) 18%,transparent),0 20px 60px -10px color-mix(in srgb,var(--acc) 60%,transparent)}
.bigplay svg{width:38px;height:38px;fill:currentColor;margin-inline-start:5px}
#kp.needs-tap .bigplay{display:grid;place-items:center;animation:pulse 2.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 22px color-mix(in srgb,var(--acc) 8%,transparent),0 20px 60px -10px color-mix(in srgb,var(--acc) 60%,transparent)}}
#kp.finished .fin{display:grid;place-items:end center;inset:auto 0 9cqh 0;height:auto}

/* Startseite */
.kp-hero{position:absolute;inset:0;z-index:30;display:none;place-items:center;background:radial-gradient(70% 60% at 50% 40%,#121a10 0%,var(--bg) 70%);text-align:center;padding:24px;overflow:auto}
#kp.hero .kp-hero{display:grid}
.kp-hero .glow{position:absolute;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 16%,transparent),transparent 60%);filter:blur(20px);animation:float 9s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-3vh) scale(1.06)}}
.hero-in{position:relative;max-width:920px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--acc)}
.kp-hero h1{font:700 clamp(40px,6.4vw,92px)/1 var(--ffd),InterDisplay,Inter,sans-serif;letter-spacing:-.035em;margin:18px 0 18px;text-wrap:balance}
.kp-hero p{font-size:clamp(15px,1.25vw,19px);color:var(--mu);max-width:640px;margin:0 auto 30px;line-height:1.55}
.hero-act{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
.langs.big button{padding:11px 16px;font-size:14px}
.pill.primary{height:46px;padding:0 26px;font-size:15px}
.kp-hero .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px;max-width:860px}
.kp-hero .chip{font-size:12.5px;padding:7px 12px;border:1px solid var(--line2);border-radius:99px;color:var(--mu);transition:.2s}
.kp-hero .chip:hover{color:var(--tx);border-color:var(--acc)}
.embed .kp-top{display:none}
.embed#kp{grid-template-rows:0 1fr}

/* ================= Szenen (1em = 2.2 % der Szenenbreite) ================= */
.sc{position:absolute;inset:0;font-size:2.3cqw;color:var(--tx)}
.sc [data-b]{opacity:0;translate:0 .8em;scale:.98;transition:opacity .7s var(--ease),translate .8s var(--ease),scale .8s var(--ease);transition-delay:calc(var(--i,0) * 110ms + var(--d,0s))}
.sc [data-b].on{opacity:1;translate:none;scale:none}
.sc [data-b].gone{opacity:0;translate:0 -.6em;scale:.98;transition-delay:0s;pointer-events:none}
.sc .dim{opacity:.18!important;filter:blur(1px);transition:opacity .8s,filter .8s}
.glass{background:var(--glass);border:1px solid var(--line2);border-radius:1em;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1.5em 3em -1.5em rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.ic{width:1.3em;height:1.3em;flex:none}
.ic.xs{width:.95em;height:.95em}.ic.sm{width:1.1em;height:1.1em}.ic.lg{width:2em;height:2em}.ic.xl{width:3.2em;height:3.2em}
.lbl{font-size:.82em;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.chip{display:inline-flex;align-items:center;gap:.45em;padding:.5em .9em;border:1px solid var(--line2);border-radius:99em;background:rgba(10,15,11,.7);font-size:.95em;font-weight:500;white-space:nowrap}
.chip .ic{color:var(--acc);width:1.1em;height:1.1em}
.side{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:44%;display:grid}
.side>*{grid-area:1/1}
.panel{padding:1.1em 1.2em;display:flex;flex-direction:column;gap:.7em;align-self:center}
.row{display:flex;align-items:center;gap:.75em;font-size:1em}
.row>span{flex:1}
.row .ic{color:var(--acc)}
.row b{color:var(--acc);font-weight:600}
.row code,code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85em;color:var(--mu);direction:ltr;unicode-bidi:embed}
.stag{opacity:0;transform:translateX(-.8em);transition:.6s var(--ease);transition-delay:calc(var(--i,0) * 140ms + .25s)}
.on .stag,.stag.on{opacity:1;transform:none}
.ok{display:inline-flex;align-items:center;gap:.3em;color:var(--acc);font-weight:600}
.big{font:700 3.2em/1 var(--ffd),InterDisplay,Inter,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.big small{font-size:.38em;color:var(--mu);font-weight:600;letter-spacing:0}
.coin{width:3.2em;height:3.2em;border-radius:50%;display:grid;place-items:center;font:700 1.45em/1 var(--ffd),InterDisplay,Inter;color:#0b0f08;box-shadow:0 0 0 .18em rgba(255,255,255,.08),0 .6em 1.4em -.4em rgba(0,0,0,.7)}
.coin span{font-size:1em}
.coin.usdt{background:radial-gradient(circle at 30% 30%,#7ff0c4,#1ea67a)}
.coin.usdc{background:radial-gradient(circle at 30% 30%,#9cc8ff,#2f6fd6);color:#fff}
.coin.btc{background:radial-gradient(circle at 30% 30%,#ffd38a,#f08c1a)}
.coin.eth{background:radial-gradient(circle at 30% 30%,#d7dcff,#6c75c9);color:#fff}
.ask-ring{width:7em;height:7em;border-radius:50%;display:grid;place-items:center;color:var(--acc);background:radial-gradient(circle,color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);box-shadow:0 0 4em color-mix(in srgb,var(--acc) 25%,transparent);animation:breathe 3.6s ease-in-out infinite}
.ask-ring.sm{width:4.6em;height:4.6em}
@keyframes breathe{50%{box-shadow:0 0 6em color-mix(in srgb,var(--acc) 38%,transparent);transform:scale(1.03)}}
.real{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;text-align:center}
.real b{font:700 1.7em/1.15 var(--ffd),InterDisplay,Inter;max-width:16em}
.toggle{width:2.6em;height:1.45em;border-radius:99em;background:var(--line2);position:relative;flex:none}
.toggle::after{content:"";position:absolute;top:.18em;inset-inline-start:.18em;width:1.1em;height:1.1em;border-radius:50%;background:#fff;transition:.5s var(--spring)}
.on .toggle,.toggle.on{background:var(--acc)}
.on .toggle::after,.toggle.on::after{inset-inline-start:1.32em;background:#0b0f08}
.strike{position:absolute;left:-4%;right:-4%;top:50%;height:.18em;background:var(--acc);border-radius:1em;transform:scaleX(0) rotate(-8deg);transform-origin:left;transition:transform .7s var(--ease) .9s;box-shadow:0 0 1em var(--acc)}
.on .strike{transform:scaleX(1) rotate(-8deg)}
.timer{flex-direction:row;align-items:center;gap:1.2em}
.timer>svg{width:5em;height:5em;transform:rotate(-90deg);flex:none}
.timer .trk{fill:none;stroke:var(--line2);stroke-width:6}
.timer .prg{fill:none;stroke:var(--acc);stroke-width:6;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset 2.4s var(--ease) .3s}
.timer.on .prg{stroke-dashoffset:0}
.timer strong{font:700 2em var(--ffd),InterDisplay}
.timer>div{display:flex;flex-direction:column;gap:.3em}

/* intro / outro */
.vault-rings{position:absolute;inset:0;margin:auto;width:24em;height:24em}
.vault-rings.small{width:20em;height:20em}
.vault-rings svg{width:100%;height:100%;overflow:visible}
.vault-rings .r{fill:none;stroke:var(--acc);stroke-width:1.2;transform-origin:200px 200px}
.vault-rings .r1{stroke-dasharray:4 14;opacity:.5;animation:spin 40s linear infinite}
.vault-rings .r2{stroke-dasharray:120 30 8 30;opacity:.7;animation:spin 26s linear infinite reverse}
.vault-rings .r3{stroke-dasharray:2 8;opacity:.6;animation:spin 18s linear infinite}
.vault-rings .r4{stroke-width:2;opacity:.9;filter:drop-shadow(0 0 8px var(--acc))}
@keyframes spin{to{transform:rotate(360deg)}}
.vault-core{position:absolute;inset:0;display:grid;place-items:center;color:var(--acc);filter:drop-shadow(0 0 1.2em var(--acc))}
.seed-grid{position:absolute;inset:0;margin:auto;width:30em;height:13em;display:grid;grid-template-columns:repeat(4,1fr);gap:.6em;align-content:center}
.seed-grid span{padding:.6em .4em;border:1px dashed var(--line2);border-radius:.6em;font-size:.85em;color:var(--mu);text-align:center;background:rgba(5,8,6,.85)}
.intro-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.15em}
.intro-brand b{font:700 6em/1 var(--ffd),InterDisplay,Inter;letter-spacing:-.04em;text-shadow:0 0 .6em rgba(0,0,0,.8)}
.intro-brand .dot{width:.9em;height:.9em;align-self:flex-end;margin-bottom:.9em}
.sc-intro .chips{position:absolute;left:0;right:0;bottom:6%;display:flex;justify-content:center;gap:.6em;flex-wrap:wrap}
.sc-intro [data-b="2"].on~.vault-rings,.sc-intro .vault-rings.on~.intro-brand.on{}
.sc-intro .intro-brand.on~.chips{}
.sc-intro .vault-rings{transition:opacity .8s,transform 1s var(--ease)}
.sc-outro .ctas{position:absolute;left:0;right:0;bottom:8%;display:flex;justify-content:center;gap:.8em;flex-wrap:wrap}
.cta{display:inline-flex;align-items:center;height:2.8em;padding:0 1.6em;border-radius:.7em;border:1px solid var(--line2);font-weight:600;color:var(--tx);text-decoration:none;font-size:1.05em;background:rgba(10,15,11,.7);transition:.25s}
.cta.primary{background:var(--acc);border-color:var(--acc);color:#0b0f08;box-shadow:0 1em 2.4em -.8em var(--acc)}
.cta:hover{transform:translateY(-2px)}

/* whynow */
.timeline{position:absolute;inset-inline-start:2%;top:50%;transform:translateY(-50%);width:62%;display:flex;flex-direction:column;gap:1.3em;padding-inline-start:1.6em;border-inline-start:2px solid var(--line2)}
.tl-item{position:relative;display:flex;flex-direction:column;gap:.15em}
.tl-dot{position:absolute;inset-inline-start:-2.05em;top:.2em;width:.9em;height:.9em;border-radius:50%;background:var(--acc);box-shadow:0 0 1em var(--acc)}
.tl-date{font:700 1.25em var(--ffd),InterDisplay,sans-serif;color:var(--acc)}
.tl-text{font-size:1.05em}
.warn-card{position:absolute;inset-inline-end:0;top:50%;margin-top:-3em;width:44%;padding:1.2em;display:flex;align-items:center;gap:.8em;color:var(--tx);font-weight:600;font-size:1.05em}
.warn-card .ic{color:#ff8a70}
.ask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2em}
.ask p{font:700 1.8em var(--ffd),InterDisplay,sans-serif;margin:0;text-align:center}

/* balance */
.bal-wrap{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:54%;aspect-ratio:1}
.bal-card{position:absolute;inset:22% 6%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:1em;z-index:2}
.bal-card .big{font-size:2.6em}
.nets{display:flex;gap:.4em;flex-wrap:wrap;justify-content:center}
.nets span{font-size:.72em;padding:.35em .7em;border-radius:99em;border:1px solid var(--line2);color:var(--mu)}
.orbit{position:absolute;inset:-6%;animation:spin 30s linear infinite}
.orb{position:absolute;left:50%;top:50%;margin:-1.6em;transform-origin:center}
.orb .coin{animation:spin 30s linear infinite reverse}
.orb:nth-child(1){transform:translate(0,-11.5em)}
.orb:nth-child(2){transform:translate(11.5em,0)}
.orb:nth-child(3){transform:translate(0,11.5em)}
.orb:nth-child(4){transform:translate(-11.5em,0)}

/* transfer */
.p2p{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1em}
.ph{width:7em;height:9em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;color:var(--acc)}
.ph span{color:var(--tx);font-weight:600}
.lane{position:relative;height:.25em;background:linear-gradient(90deg,var(--line2),var(--acc),var(--line2));border-radius:1em}
.pkt{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);font-style:normal;font-weight:700;font-size:.9em;padding:.4em .8em;border-radius:99em;background:var(--acc);color:#0b0f08;box-shadow:0 0 1.6em var(--acc);animation:fly 2.4s var(--ease) infinite}
@keyframes fly{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
[dir=rtl] .pkt{animation-name:flyr}@keyframes flyr{0%{left:100%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:0;opacity:0}}
.badges{grid-column:1/-1;display:flex;justify-content:center;gap:.6em;flex-wrap:wrap;margin-top:1.2em}
.checks{position:absolute;inset:0;margin:auto;width:70%;height:max-content;padding:1.2em;display:flex;flex-direction:column;gap:.8em}
.ck{display:flex;align-items:center;gap:.9em;font-size:1.1em;padding:.5em 0;border-bottom:1px solid var(--line)}
.ck:last-child{border:0}
.ck .box{width:2.4em;height:2.4em;border-radius:.6em;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--acc)}
.ck span:nth-child(2){flex:1}
.ck .tick{width:1.8em;height:1.8em;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#0b0f08}
.sc .ck .tick[data-b]{scale:0;translate:none;transition:opacity .3s,scale .5s var(--spring);transition-delay:calc(var(--i) * 600ms + .3s)}
.sc .ck .tick[data-b].on{scale:1}
.batch{position:absolute;inset:0;margin:auto;width:80%;height:max-content;padding:1.2em}
.batch .hdr{display:flex;align-items:center;gap:.7em;margin-bottom:1em}
.batch .hdr .ic{color:var(--acc)}
.batch .hdr span{margin-inline-start:auto;color:var(--mu)}
.dots{display:grid;grid-template-columns:repeat(20,1fr);gap:.35em}
.dots i{aspect-ratio:1;border-radius:50%;background:var(--line2);transition:background .3s;transition-delay:calc(var(--i) * 18ms + .4s)}
.batch.on .dots i{background:var(--acc);box-shadow:0 0 .5em color-mix(in srgb,var(--acc) 60%,transparent)}
.bankout{position:absolute;inset:0;margin:auto;width:64%;height:max-content;padding:1.6em;display:flex;align-items:center;gap:1.2em;color:var(--acc)}
.bankout b{display:block;color:var(--tx);font-size:1.3em}
.bankout span{font:700 2em var(--ffd),InterDisplay;color:var(--acc)}

/* earn */
.plans{position:absolute;inset:0;display:flex;align-items:center;gap:1em}
.plan{flex:1;padding:1.3em 1em;display:flex;flex-direction:column;gap:.5em;text-align:center;align-items:center}
.plan strong{font:700 3.4em/1 var(--ffd),InterDisplay,sans-serif;letter-spacing:-.03em}
.plan small{color:var(--mu);font-size:.85em}
.plan.hot{border-color:color-mix(in srgb,var(--acc) 60%,transparent);box-shadow:0 0 3em -1em var(--acc),inset 0 1px 0 rgba(255,255,255,.06)}
.plan.hot strong{color:var(--acc)}
.mini{display:flex;gap:.2em;height:2.2em;align-items:flex-end;margin-top:.4em}
.mini i{width:.5em;height:0;background:var(--acc);border-radius:.15em;transition:height .5s var(--ease);transition-delay:calc(var(--i) * 90ms + .8s)}
.plan.on .mini i{height:calc(30% + var(--i) * 6%)}
.tree{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.4em}
.lvl{display:flex;gap:1.4em;align-items:center;position:relative}
.node{width:3.2em;height:3.2em;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:rgba(10,15,11,.85);color:var(--acc);position:relative;opacity:0;transform:scale(.4);transition:.6s var(--spring);transition-delay:calc(var(--i,0) * 120ms + .2s)}
.tree.on .node{opacity:1;transform:none}
.node.sm{width:2.3em;height:2.3em}
.node.me{width:4.4em;height:4.4em;background:var(--acc);color:#0b0f08;border-color:var(--acc);box-shadow:0 0 2.4em color-mix(in srgb,var(--acc) 60%,transparent)}
.node.me b{position:absolute;top:110%;font-size:.8em;color:var(--tx);white-space:nowrap}
.node em{position:absolute;top:112%;font-size:.8em;font-weight:700;white-space:nowrap}
.node.ghost{border-style:dashed;color:var(--mu)}
.lvl.up .half{font:700 1.4em var(--ffd),InterDisplay,sans-serif;color:var(--acc)}
.example{position:absolute;inset:0;margin:auto;width:78%;height:max-content;padding:1.5em;display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}
.example .big{color:var(--acc)}
.example .bars{display:flex;gap:.35em;align-items:flex-end;height:4em;margin-top:.8em;width:100%}
.example .bars i{flex:1;height:0;border-radius:.25em .25em 0 0;background:linear-gradient(var(--acc),color-mix(in srgb,var(--acc) 30%,transparent));transition:height .45s var(--ease);transition-delay:calc(var(--i) * 140ms + .6s)}
.example.on .bars i{height:100%}
.real .chip{font-size:.9em}

/* swap */
.swapbox{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:52%;padding:1.3em;display:flex;flex-direction:column;gap:.7em}
.sw-row{padding:.8em 1em;border-radius:.8em;background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:.5em}
.sw-v{display:flex;align-items:center;gap:.7em}
.sw-v .coin{width:2.2em;height:2.2em;font-size:1em}
.sw-v b{font:700 1.8em var(--ffd),InterDisplay,sans-serif;flex:1;font-variant-numeric:tabular-nums}
.sw-v span{color:var(--mu);font-weight:600}
.sw-mid{display:grid;place-items:center;margin:-1.2em 0;z-index:1}
.spin{width:2.4em;height:2.4em;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#0b0f08;animation:spin 3s var(--ease) infinite}
.rate{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--mu);position:relative;padding-bottom:.4em}
.rate small{opacity:.7}
.rate .live{width:.55em;height:.55em;border-radius:50%;background:var(--acc);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.25}}
.rate .bar{position:absolute;left:0;bottom:0;height:2px;background:var(--acc);width:0}
.rate.on .bar{animation:fill 1s linear infinite}
@keyframes fill{to{width:100%}}
.sw-btn{height:2.6em;border-radius:.7em;background:var(--acc);color:#0b0f08;font-weight:700}
.noaddr{position:relative;align-items:center;flex-direction:row;justify-content:space-between}
.noaddr code{font-size:1em}
.noaddr .ok{width:2em;height:2em;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#0b0f08}
.bridge,.src{flex-direction:row;align-items:center;justify-content:center;gap:.6em}
.flow{color:var(--acc);animation:nudge 1.4s ease-in-out infinite}
@keyframes nudge{50%{transform:translateX(.3em)}}
[dir=rtl] .flow,[dir=rtl] .arrow{transform:scaleX(-1)}
.owner{flex-direction:row;align-items:center;justify-content:center;gap:1.2em;color:var(--acc)}
.owner .coins{display:flex;align-items:center;gap:.4em}
.owner .coin{width:2.4em;height:2.4em;font-size:1em}

/* lend */
.loan{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:1.4em}
.cols{display:flex;align-items:flex-end;justify-content:center;gap:1.6em}
.col{display:flex;flex-direction:column;align-items:center;gap:.5em}
.cols .bar{width:5em;border-radius:.6em .6em .2em .2em;display:grid;place-items:center;font:700 1.6em var(--ffd),InterDisplay,sans-serif;transform-origin:bottom;transform:scaleY(0);transition:transform .9s var(--ease) .3s}
.cols.on .bar{transform:none}
.bar.coll{height:6.3em;background:linear-gradient(color-mix(in srgb,var(--acc) 85%,#fff),color-mix(in srgb,var(--acc) 35%,transparent));color:#0b0f08;font-size:1.3em}
.bar.ln{height:4.2em;background:rgba(255,255,255,.08);border:1px solid var(--line2);font-size:1.3em}
.cols .arrow{color:var(--acc);padding-bottom:2em}
.sched{padding:1em 1.2em}
.sched .bars{display:flex;gap:.35em;align-items:flex-end;height:4.2em;margin-top:.6em}
.sched .bars i{flex:1;height:0;background:linear-gradient(var(--acc),color-mix(in srgb,var(--acc) 20%,transparent));border-radius:.2em .2em 0 0;transition:height .5s var(--ease);transition-delay:calc(var(--i) * 110ms + .3s)}
.sched.on .bars i{height:var(--h)}
.axis{display:flex;justify-content:space-between;font-size:.75em;color:var(--mu);margin-top:.3em}
.book{position:absolute;inset:0;margin:auto;width:74%;height:max-content;padding:1.2em;display:flex;flex-direction:column;gap:.55em}
.book .hdr{display:flex;justify-content:space-between;color:var(--mu);font-size:.85em;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2em}
.gauge{display:flex;align-items:center;gap:1em;margin-top:.6em;padding-top:.8em;border-top:1px solid var(--line)}
.gauge svg{width:6em;height:3.5em}
.gauge .trk{fill:none;stroke:var(--line2);stroke-width:8;stroke-linecap:round}
.gauge .prg{fill:none;stroke:var(--acc);stroke-width:8;stroke-linecap:round;stroke-dasharray:158;stroke-dashoffset:158;transition:stroke-dashoffset 2s var(--ease) .4s}
.gauge.on .prg{stroke-dashoffset:30}

/* card */
.card3d{position:absolute;inset-inline-start:0;top:50%;width:52%;perspective:60em;transform:translateY(-50%)}
.card3d .cface{position:relative;aspect-ratio:1.586}
.cface{position:absolute;inset:0;border-radius:1em;padding:1.2em 1.3em;display:flex;flex-direction:column;justify-content:space-between;color:#e9f0e2;
  background:radial-gradient(120% 140% at 0% 0%,#2a3a1c 0%,#0f150d 45%,#050705 100%);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 2.5em 5em -1.5em rgba(0,0,0,.9),0 0 4em -1em color-mix(in srgb,var(--acc) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.18);
  animation:tilt 9s ease-in-out infinite;transform-style:preserve-3d}
.cface::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 45%,transparent 60%);background-size:250% 100%;animation:sheen 6s ease-in-out infinite}
@keyframes tilt{0%,100%{transform:rotateY(-14deg) rotateX(6deg)}50%{transform:rotateY(12deg) rotateX(-4deg)}}
@keyframes sheen{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.ctop{display:flex;justify-content:space-between;align-items:center}
.ctop b{font:700 1.5em var(--ffd),InterDisplay,sans-serif;letter-spacing:.12em}
.nfc{width:1.4em;height:1.4em;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}
.chipc{width:2.6em;height:2em;border-radius:.35em;background:linear-gradient(135deg,#e8d9a0,#a8904a);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.cnum{font:500 1.25em ui-monospace,Menlo,monospace;letter-spacing:.08em;direction:ltr}
.cbot{display:flex;justify-content:space-between;font-size:.8em;letter-spacing:.14em;color:rgba(255,255,255,.7);direction:ltr}
.prices{display:flex;gap:.8em;align-self:center;width:100%}
.price{flex:1;padding:1.1em;display:flex;flex-direction:column;gap:.25em;align-items:flex-start;transition-delay:calc(var(--i) * 160ms)}
.price strong{font:700 2.3em/1 var(--ffd),InterDisplay,sans-serif;color:var(--acc)}
.price s{color:var(--mu);font-size:.9em}
.price small{color:var(--tx);font-size:.85em}
.price .valid{font-size:.75em;color:var(--mu);margin-top:.3em}
.prices.on .price{opacity:1}

.cardimg{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.cardimg.single{border-radius:4.6%/7.3%;box-shadow:0 2.5em 5em -1.5em rgba(0,0,0,.95),0 0 4em -1.2em color-mix(in srgb,var(--acc) 30%,transparent)}
.cardimg.pair{filter:drop-shadow(0 2.2em 2.6em rgba(0,0,0,.85)) drop-shadow(0 0 2.5em color-mix(in srgb,var(--acc) 18%,transparent))}
.tiltwrap{position:relative;animation:tilt 9s ease-in-out infinite;transform-style:preserve-3d;border-radius:4.6%/7.3%;overflow:hidden}
.tiltwrap .sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%);background-size:250% 100%;animation:sheen 6s ease-in-out infinite;pointer-events:none}
.cardpair{position:absolute;inset-inline-start:0;top:50%;width:54%;transform:translateY(-50%)}
.cardpair .cardimg{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{50%{translate:0 -.5em}}
.pthumb{width:100%;border-radius:.45em;margin-bottom:.5em;box-shadow:0 .6em 1.2em -.4em rgba(0,0,0,.8)}
.startcards{position:absolute;inset-inline-end:0;top:50%;width:40%;transform:translateY(-50%)}
.startcards .cardimg{animation:floaty 7s ease-in-out infinite}

/* telegram */
.tg{position:absolute;inset:0;margin:auto;width:58%;height:100%;display:flex;flex-direction:column;overflow:hidden}
.tg-h{display:flex;align-items:center;gap:.7em;padding:.9em 1.1em;border-bottom:1px solid var(--line)}
.tg-h .av{width:2.4em;height:2.4em;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#0b0f08}
.tg-h small{display:block;color:var(--acc);font-size:.75em}
.tg-body{flex:1;padding:1em;display:flex;flex-direction:column;gap:.55em;justify-content:flex-end;overflow:hidden}
.msg{max-width:82%;padding:.6em .8em;border-radius:.9em;font-size:.9em;line-height:1.35;background:rgba(255,255,255,.06);align-self:flex-start;display:none}
.msg.on{display:block;animation:pop .55s var(--spring) both;animation-delay:var(--d,0s)}
@keyframes pop{from{opacity:0;transform:translateY(.8em) scale(.94)}to{opacity:1;transform:none}}
.msg .v{display:block;font:700 1.25em var(--ffd),InterDisplay,sans-serif;color:var(--acc);margin-top:.15em}
.msg.out{align-self:flex-end;background:color-mix(in srgb,var(--acc) 85%,#000);color:#0b0f08;font-weight:600}
.msg.btn{align-self:stretch;max-width:none;text-align:center;border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);color:var(--acc);background:transparent;font-weight:600}
.msg.sys{align-self:center;font-size:.75em;color:var(--mu);background:transparent;border:1px solid var(--line2)}
.msg.warn{align-self:stretch;max-width:none;background:color-mix(in srgb,var(--acc) 12%,transparent);border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);font-weight:600}
.msg .ic{width:1em;height:1em;vertical-align:-.15em;color:var(--acc)}
.msg.out .ic{color:#0b0f08}
.qrm{padding:.4em;background:#fff}
.qrm .qr{width:6em;height:6em;display:block}
.perm{position:absolute;inset-inline-start:0;top:0;display:flex;flex-direction:column;gap:.5em;z-index:2}
.perm .chip{color:var(--mu)}
.perm .chip .ic:last-child{color:#ff8a70}

/* security */
.vault{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:54%;aspect-ratio:1}
.v-ring{position:absolute;inset:8%;width:84%;height:84%;animation:spin 60s linear infinite}
.v-ring circle{fill:none;stroke:var(--line2);stroke-width:1.5}
.v-ring circle.d{stroke:var(--acc);stroke-dasharray:3 9;opacity:.6}
.v-core{position:absolute;inset:0;display:grid;place-items:center;color:var(--acc);filter:drop-shadow(0 0 1.5em var(--acc))}
.lk{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(-10.5em) rotate(calc(-1 * var(--a)))}
.lk span{position:absolute;left:-1.3em;top:-1.3em;width:2.6em;height:2.6em;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:rgba(10,15,11,.9);color:var(--mu);transition:.5s;transition-delay:calc(var(--i) * 260ms + .3s)}
.lk em{position:absolute;top:1.5em;left:50%;transform:translateX(-50%);font-size:.72em;color:var(--mu);white-space:nowrap;font-weight:600;transition:.5s;transition-delay:calc(var(--i) * 260ms + .3s)}
.lk.on span{background:var(--acc);color:#0b0f08;border-color:var(--acc);box-shadow:0 0 1.4em var(--acc)}
.lk.on em{color:var(--tx)}
.sc .lk[data-b]{opacity:1;translate:none;scale:none}
.keys{position:absolute;left:0;right:0;bottom:-2%;display:flex;justify-content:center;gap:.5em;flex-wrap:wrap}
.alarm .ic{color:#ff8a70;animation:blink .8s infinite}
.tf{display:grid;place-items:center;align-self:center}
.tf strong{font:700 5em var(--ffd),InterDisplay,sans-serif;color:var(--acc);text-shadow:0 0 .4em color-mix(in srgb,var(--acc) 50%,transparent)}

/* gateway */
.checkout{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:50%;padding:1.2em;display:flex;flex-direction:column;gap:.9em;overflow:hidden}
.co-h{display:flex;align-items:center;gap:.6em}
.co-h .ic{color:var(--acc)}
.co-h span{margin-inline-start:auto;font-size:.8em;color:var(--mu)}
.co-amt{display:flex;align-items:center;justify-content:space-between;gap:.5em}
.co-amt strong{font:700 1.9em var(--ffd),InterDisplay,sans-serif}
.co-qr{display:flex;gap:1em;align-items:center}
.co-qr .qr{width:6.2em;height:6.2em;border-radius:.5em}
.co-qr div{display:flex;flex-direction:column;gap:.3em}
.co-btn{height:2.6em;border-radius:.7em;display:grid;place-items:center;background:var(--acc);color:#0b0f08;font-weight:700}
.paid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;background:rgba(8,12,9,.88);backdrop-filter:blur(6px)}
.paid b{font:700 2em var(--ffd),InterDisplay;color:var(--acc)}
.ok-ring{width:5em;height:5em;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#0b0f08;transform:scale(.4);transition:transform .6s var(--spring) .2s}
.paid.on .ok-ring{transform:none}
.sandbox{flex-direction:row;align-items:center;gap:.8em}

/* subaccounts */
.sc-sub .edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.edges .e{fill:none;stroke:var(--line2);stroke-width:.35;opacity:0;transition:opacity .8s .3s}
.edges .e.on{opacity:1}
.edges .flowline{fill:none;stroke:var(--acc);stroke-width:.6;stroke-dasharray:2 3;opacity:0;animation:dash 1.2s linear infinite}
.edges .flowline.on{opacity:1}
@keyframes dash{to{stroke-dashoffset:-10}}
.nd{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 100% / 70);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.3em}
[dir=rtl] .nd{left:auto;right:calc(var(--x) * 1%);transform:translate(50%,-50%)}
.nd .ic{width:2.8em;height:2.8em;padding:.6em;border-radius:50%;border:1px solid var(--line2);background:rgba(10,15,11,.9);color:var(--acc);box-sizing:border-box}
.nd b{font-size:.8em;white-space:nowrap}
.nd.main .ic{width:3.8em;height:3.8em;background:var(--acc);color:#0b0f08;border-color:var(--acc);box-shadow:0 0 2em color-mix(in srgb,var(--acc) 55%,transparent)}
.nd.sm .ic{width:2.2em;height:2.2em;padding:.45em}
.nd.ghost .ic{border-style:dashed;color:var(--mu)}
.sc-sub[data-x]{}
.invite{position:absolute;inset-inline-end:0;top:0}
.pk{position:absolute;inset-inline-end:0;bottom:4%;display:flex;gap:.5em;color:var(--acc)}
.pk .ic{width:2.2em;height:2.2em;padding:.45em;border:1px solid var(--line2);border-radius:.6em;background:rgba(10,15,11,.85)}
.limits{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:.6em}
.sc .nd[data-b]{scale:.6}.sc .nd[data-b].on{scale:none}

/* market */
.flow{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:2em}
.steps{display:flex;justify-content:space-between;position:relative}
.sc-market .steps .line{position:absolute;left:5%;right:5%;top:1.6em;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform 2.6s linear .2s;z-index:0;opacity:1}
[dir=rtl] .sc-market .steps .line{transform-origin:right}
.sc-market .steps .line.on{transform:scaleX(1)}
.st{display:flex;flex-direction:column;align-items:center;gap:.6em;width:19%;text-align:center;z-index:1;transition-delay:calc(var(--i) * 520ms)!important}
.st .bub{width:3.2em;height:3.2em;border-radius:50%;display:grid;place-items:center;background:#0c120d;border:1px solid var(--line2);color:var(--acc)}
.st.on .bub{border-color:var(--acc);box-shadow:0 0 1.2em color-mix(in srgb,var(--acc) 45%,transparent)}
.st:last-child.on .bub{background:var(--acc);color:#0b0f08}
.st b{font-size:.82em;font-weight:600}
.sc .st[data-b]{opacity:.35;translate:none;scale:none}
.sc .st[data-b].on{opacity:1}
.disc{align-self:center}
.dispute{display:flex;justify-content:center;gap:.6em}
.escrow{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:1em}
.party{width:30%;padding:1.4em 1em;display:flex;flex-direction:column;align-items:center;gap:.5em;color:var(--acc)}
.party b{color:var(--tx)}
.escrow .mid{display:flex;flex-direction:column;align-items:center;gap:.4em;text-align:center}
.escrow .mid b{font:700 1.4em var(--ffd),InterDisplay,sans-serif}
.escrow .mid small{color:var(--mu)}

/* start */
.sc-start .steps{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:56%;display:flex;flex-direction:column;gap:.7em}
.srow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:1em;row-gap:.2em;padding:.9em 1.1em}
.srow .n{width:2.2em;height:2.2em;border-radius:.6em;display:grid;place-items:center;background:var(--acc);color:#0b0f08;font-weight:700}
.srow b{flex:1;font-size:1.15em}
.srow small{grid-column:2/4;grid-row:2;color:var(--mu);font-size:.82em}
.srow .tick{color:var(--acc)}
.contact{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:34%;padding:1.3em;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7em}
.contact .av{width:4.6em;height:4.6em;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 45%,transparent)}
.contact small{display:block;color:var(--mu);margin-top:.3em}

/* kinetic */
.sc-kinetic{display:flex;flex-direction:column;justify-content:center;gap:.7em}
.krow{display:flex;align-items:center;gap:.8em;padding:.9em 1.1em;font-size:1.1em}
.krow .ic{color:var(--acc)}

/* ================= Responsiv ================= */
@media (max-width:1100px){:root{--side:250px}}
@media (max-width:900px){
  :root{--top:56px}
  #kp{grid-template-columns:minmax(0,1fr)}
  .kp-top{gap:8px;padding:0 10px;overflow:hidden}
  .tools{gap:6px}
  .only-m{display:grid}
  .logo span,.partner{display:none}
  .kp-side{position:absolute;top:var(--top);bottom:0;inset-inline-start:0;width:min(86vw,320px);transform:translateX(-105%);transition:transform .35s var(--ease);box-shadow:0 0 60px rgba(0,0,0,.8)}
  [dir=rtl] .kp-side{transform:translateX(105%)}
  #kp.menu-open .kp-side{transform:none}
  .kp-stage{grid-column:1}
  .langs button{padding:7px 6px;font-size:10.5px}
  .logo b{font-size:19px}
}
@media (max-width:420px){
  #kp-snd{display:none}
  .ib{width:34px;height:34px}
  .pill{height:34px;padding:0 10px}
  #kp-fs,#kp-cc{display:none}
  .pill .lp,.pill .lz{display:none!important}
  .pill{padding:0 12px}
}
@container stage (max-aspect-ratio: 1/1){
  .head{top:3cqh}
  .head h2{font-size:clamp(22px,7cqw,40px)}
  .viz{inset-inline:4cqw;top:14cqh;width:92cqw;height:50cqh}
  .show{top:65.5cqh;width:92cqw;font-size:clamp(22px,7.4cqw,44px)}
  .cap{bottom:12cqh;max-width:none;font-size:clamp(14px,4cqw,20px)}
  .legal{max-width:92cqw;bottom:19cqh}
  .sc{font-size:2.35cqw}
}
/* Hochformat (Handy): Szenen untereinander statt nebeneinander */
@container stage (max-aspect-ratio: 1/1){
  .noaudio{display:none}
  .sc{font-size:2.6cqw}
  .sc .side{top:auto;bottom:0;transform:none;width:100%}
  .bal-wrap,.card3d,.cardpair,.swapbox,.checkout,.vault{left:0;right:0;margin:0 auto;top:0;transform:none;width:62%}
  .bal-wrap{width:64%}
  .cardpair{width:74%}
  .sc-start .steps{top:0;transform:none;width:100%}
  .startcards,.contact{top:auto;bottom:0;transform:none;width:62%;left:0;right:0;margin:0 auto}
  .timeline{top:0;transform:none;width:100%}
  .warn-card{top:auto;bottom:0;margin:0;width:100%}
  .tg{width:86%}
  .st b{font-size:.7em}
  .prices .price strong{font-size:1.9em}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.2s!important}}

/* ===== v1.3: Sprachauswahl, Intro, Fußzeile, Rechtliche Hinweise, Karten am Ende ===== */
.flag{width:22px;height:15px;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.14);overflow:hidden}
.lsel{position:relative;display:inline-flex;align-items:center}
.lcur{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line2);border-radius:10px;font-size:12.5px;font-weight:700;color:var(--tx);transition:.2s}
.lcur:hover{border-color:var(--acc)}
.lcur svg:not(.flag){width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;opacity:.7}
.lsel.big .lcur{height:46px;min-width:190px;justify-content:space-between;padding:0 14px 0 16px;font-size:15px;border-radius:10px;background:rgba(10,15,11,.55);gap:10px}
.lsel.big .lcur b{flex:1;text-align:start}
.lsel.big .lcur .flag{width:26px;height:17px}
.lpanel{position:fixed;z-index:95;width:300px;max-height:min(420px,70vh);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:#0c120c;border:1px solid var(--line2);box-shadow:0 24px 60px -12px rgba(0,0,0,.85)}
.lpanel[hidden]{display:none}
.l-search{width:100%;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:#070a07;color:var(--tx);font:inherit;font-size:14px;outline:none}
.l-search:focus{border-color:var(--acc)}
.l-list{overflow:auto;display:grid;gap:4px}
.lopt{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;text-align:start;padding:9px 12px;min-height:50px;line-height:1.2;border-radius:10px;border:1px solid transparent;transition:.15s}
.lopt .flag{grid-row:1/3;width:28px;height:19px}
.lopt b{font-size:14px;align-self:end}
.lopt small{font-size:11.5px;color:var(--mu);align-self:start}
.lopt:hover{background:rgba(255,255,255,.05)}
.lopt.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,transparent)}
.lnone{color:var(--mu);font-size:13px;margin:6px}

/* Fußzeile auf jeder Folie: Exklusiv-Hinweis + Rechtliche Hinweise */
.ctrl{bottom:calc(2.4cqh + 22px)}
.kp-foot{position:absolute;inset-inline:3.5cqw;bottom:max(6px,1cqh);z-index:6;display:flex;align-items:center;gap:6px 14px;flex-wrap:nowrap;font-size:11px;line-height:1.3;color:var(--mu);white-space:nowrap;overflow:hidden}
.kp-foot .excl{display:flex;gap:.35em;min-width:0;color:var(--mu);text-decoration:none;text-transform:lowercase;letter-spacing:.01em}
.kp-foot .excl .ex-t{overflow:hidden;text-overflow:ellipsis}
.kp-foot .excl b{flex:none}
.kp-foot .excl b{color:var(--acc);font-weight:600}
.kp-foot .excl:hover b{text-decoration:underline}
.kp-foot .lshort{margin-inline-start:auto;overflow:hidden;text-overflow:ellipsis;opacity:.8}
.kp-foot .lbtn{flex:none;font-size:11px;color:var(--tx);padding:2px 9px;border:1px solid var(--line2);border-radius:99px;background:rgba(5,8,6,.6)}
.kp-foot .lbtn:hover{border-color:var(--acc)}
.legal{bottom:calc(9.5cqh + 14px)}
.side-legal{display:block;margin:8px 16px 16px;padding:9px 12px;width:calc(100% - 32px);text-align:start;font-size:12px;color:var(--mu);border:1px solid var(--line2);border-radius:10px}
.side-legal:hover{color:var(--tx);border-color:var(--acc)}
.kp-side{display:flex;flex-direction:column}
.kp-side nav{flex:1;min-height:0;overflow:auto}

/* Startseite */
.hero-excl{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-top:22px;padding:9px 16px;border-radius:99px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 8%,transparent);color:var(--tx);text-decoration:none;font-size:13.5px}
.hero-excl i{font-style:normal;color:var(--acc)}
.hero-excl b{color:var(--acc);font-weight:700}
.hero-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:26px;font-size:12px}
.hero-legal button,.hero-legal a{color:var(--mu);text-decoration:none}
.hero-legal button:hover,.hero-legal a:hover{color:var(--tx)}

/* Intro */
.kp-intro{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#040604;overflow:hidden;--isec:9s}
.kp-intro[hidden]{display:none}
.kp-intro .iv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s}
.kp-intro.go .iv{opacity:.55}
.kp-intro::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 45%,transparent,rgba(4,6,4,.85) 75%),linear-gradient(color-mix(in srgb,var(--acc) 4%,transparent) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 4%,transparent) 1px,transparent 1px) 0 0/64px 64px;pointer-events:none}
.kp-intro .ifx{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.i-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:min(2.2vh,18px);padding:24px;width:min(980px,100%)}
.i-in>*{opacity:0}
.i-kick{font-size:clamp(11px,1.2vw,14px);letter-spacing:.32em;text-transform:uppercase;color:var(--acc);font-weight:700}
.i-logo{display:flex;align-items:flex-end;gap:.08em;font:700 clamp(64px,12vw,170px)/.9 var(--ffd),InterDisplay,Inter;letter-spacing:-.05em}
.i-logo .dot{width:.16em;height:.16em;border-radius:50%;background:var(--acc);margin-bottom:.12em;box-shadow:0 0 .4em var(--acc)}
.i-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:.2em .45em;font:700 clamp(24px,4vw,56px)/1.1 var(--ffd),InterDisplay,Inter;letter-spacing:-.03em}
.i-lines span{opacity:0;transform:translateY(.4em);filter:blur(8px)}
.i-lines span:nth-child(2){color:var(--acc)}
.i-card{width:min(440px,70vw);max-height:30vh;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}
.i-excl{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:clamp(13px,1.3vw,16px);color:var(--mu)}
.i-excl b{color:var(--acc)}
.i-skip{position:absolute;z-index:3;bottom:28px;inset-inline-end:28px}
.i-bar{position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}
.i-bar i{display:block;height:100%;width:0;background:var(--acc)}
.kp-intro.go .i-bar i{animation:iBar var(--isec) linear forwards}
.kp-intro.go .i-kick{animation:iUp .9s var(--ease) .3s forwards}
.kp-intro.go .i-logo{animation:iLogo 1.4s var(--spring) .6s forwards}
.kp-intro.go .i-lines{opacity:1}
.kp-intro.go .i-lines span{animation:iWord .9s var(--ease) forwards}
.kp-intro.go .i-lines span:nth-child(1){animation-delay:1.6s}
.kp-intro.go .i-lines span:nth-child(2){animation-delay:2.3s}
.kp-intro.go .i-lines span:nth-child(3){animation-delay:3s}
.kp-intro.go .i-card{animation:iCard 1.6s var(--ease) 3.6s forwards,iFloat 6s ease-in-out 5.2s infinite}
.kp-intro.go .i-excl{animation:iUp .9s var(--ease) 5s forwards}
.kp-intro.out{opacity:0;transition:opacity .6s}
@keyframes iBar{to{width:100%}}
@keyframes iUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes iLogo{from{opacity:0;transform:scale(.6);filter:blur(16px)}to{opacity:1;transform:none;filter:none}}
@keyframes iWord{to{opacity:1;transform:none;filter:none}}
@keyframes iCard{from{opacity:0;transform:translateY(60px) rotateX(35deg) scale(.85)}to{opacity:1;transform:none}}
@keyframes iFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* Modale Fenster: Sprache + Rechtliche Hinweise */
.kp-lm,.kp-langm{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(3,5,3,.8);backdrop-filter:blur(6px)}
.kp-lm[hidden],.kp-langm[hidden]{display:none}
.lm-box{position:relative;width:min(860px,100%);max-height:min(86vh,900px);overflow:auto;padding:28px 30px 30px;border-radius:18px;background:linear-gradient(170deg,#101810,#080b08);border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);box-shadow:0 30px 80px -20px rgba(0,0,0,.9);color:var(--tx);font-size:14.5px;line-height:1.6;text-align:start}
.lm-box h2{margin:0 0 8px;font:700 26px/1.2 var(--ffd),InterDisplay,Inter}
.lm-box h3{margin:20px 0 6px;font:700 16px var(--ffd),InterDisplay,Inter;color:var(--acc)}
.lm-box p{margin:0 0 10px;color:#dfe7dc}
.lm-box .muted{color:var(--mu)}
.lm-intro{padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--acc) 28%,transparent);background:color-mix(in srgb,var(--acc) 7%,transparent)}
.lm-x{position:sticky;top:0;float:inline-end;width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);background:#0c120c;color:var(--tx);cursor:pointer;font-size:15px;z-index:2}
.lm-prov{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lm-prov li{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line2);font-size:13.5px;color:#dfe7dc}
.lm-links{display:flex;flex-wrap:wrap;gap:8px 16px}
.lm-box a{color:var(--acc);font-size:13.5px;word-break:break-word}
.lm-ch dt{margin-top:10px;font-weight:700}
.lm-ch dd{margin:2px 0 0;color:var(--mu);font-size:13.5px}
.lang-box{width:min(460px,100%);display:flex;flex-direction:column;gap:12px;text-align:center}
.lang-box h2{margin:0}
.lang-box p{margin:0}
.lang-box .l-list{max-height:min(46vh,380px);text-align:start}
.lang-box .l-go{align-self:center;min-width:180px;justify-content:center}
@media (max-width:640px){.lm-box{padding:22px 18px}}

/* Folie „Rechtliche Hinweise“ */
.sc-legal .lg-grid{position:absolute;inset:0 0 4em 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;align-content:center}
.lg-tile{padding:1em 1.1em;display:flex;flex-direction:column;gap:.35em}
.lg-tile .ic{color:var(--acc);width:1.5em;height:1.5em}
.lg-tile b{font-size:.95em}
.lg-tile p{margin:0;font-size:.62em;line-height:1.5;color:#cfd9cc}
.sc-legal .lg-more{position:absolute;left:0;right:0;bottom:.4em;margin:auto;width:max-content;font-size:.75em}
#kp.silent .cap{display:none}

/* Abschluss: Karten mit Preisen + Bestellen */
.sc-outro .vault-rings.small{opacity:.35}
.sc-outro .o-top{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;gap:.4em}
.sc-outro .o-top .intro-brand{position:relative;inset:auto}
.sc-outro .o-top .intro-brand b{font-size:2.6em}
.o-excl{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.3em;font-size:.6em;padding:.45em 1em;border-radius:99px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 8%,transparent);color:var(--tx);text-decoration:none}
.o-excl i{font-style:normal;color:var(--acc)}
.o-excl b{color:var(--acc)}
.o-cards{position:absolute;left:0;right:0;top:24%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8em}
.o-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25em;padding:.8em .9em 1em}
.o-card .cardimg{width:82%;max-height:6.4em;object-fit:contain;filter:drop-shadow(0 .8em 1.2em rgba(0,0,0,.6));margin-bottom:.2em}
.o-name{font-size:.72em}
.o-price{display:flex;align-items:baseline;gap:.4em}
.o-price strong{font:700 1.5em/1 var(--ffd),InterDisplay,Inter;color:var(--acc)}
.o-price s{font-size:.55em;color:var(--mu)}
.o-mon{font-size:.55em;color:var(--mu)}
.o-card .cta{font-size:.62em;margin-top:.4em}
.o-foot{position:absolute;left:0;right:0;top:78%;display:flex;flex-direction:column;align-items:center;gap:.25em;text-align:center}
.o-foot small{font-size:.52em;color:var(--mu)}
.o-foot .cta{font-size:.58em;margin-top:.3em;height:2.4em}
#kp.finished .fin{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
#kp.finished .fin a.pill{text-decoration:none}

@media (max-width:900px){
  .kp-foot .lshort{display:none}
  .kp-foot .lbtn{margin-inline-start:auto}
  .lcur{height:32px;padding:0 8px}
  .lsel:not(.big) .lcur b{font-size:11px}
}
@container stage (max-aspect-ratio: 1/1){
  .ctrl{bottom:calc(2cqh + 22px)}
  .sc-legal .lg-grid{grid-template-columns:1fr 1fr;gap:.5em}
  .lg-tile p{font-size:.7em}
  .o-cards{top:28%}
}

.hero-act .pill.primary,.hero-act .lcur{height:46px}
.lpanel{padding:12px}
.lpanel .l-list{max-height:300px;min-height:0;flex:1}
@media (max-width:600px){.kp-foot .excl .ex-t{display:none}.kp-foot .excl::before{content:'★';color:var(--acc)}}

/* Login-Hinweis für Mitglieder (Abschlussfolie) – neongrün, pulsierend */
.o-member{position:absolute;left:0;right:0;top:70%;margin:auto;width:max-content;max-width:100%;display:flex;align-items:center;gap:.8em;padding:.55em .7em .55em 1em;border-color:color-mix(in srgb,var(--acc) 55%,transparent)}
.o-member p{margin:0;font-size:.6em;line-height:1.35;color:var(--tx);max-width:26em}
.o-member b{color:var(--acc)}
.cta.neon,.pill.neon{flex:none;background:#39ff14;border-color:#39ff14;color:#041004;font-weight:800;text-decoration:none;animation:neonPulse 1.6s ease-in-out infinite}
.o-member .cta.neon{font-size:.6em;height:2.4em}
@keyframes neonPulse{0%,100%{box-shadow:0 0 .3em #39ff14,0 0 .9em rgba(57,255,20,.55)}50%{box-shadow:0 0 .6em #39ff14,0 0 2em rgba(57,255,20,.85),0 0 3.2em rgba(57,255,20,.4);filter:brightness(1.12)}}
.sc-outro .o-foot{top:84%}
@container stage (max-aspect-ratio: 1/1){.o-member{top:72%;flex-direction:column;text-align:center;gap:.4em}.sc-outro .o-foot{top:88%}}
@media (prefers-reduced-motion:reduce){.cta.neon,.pill.neon{animation:none;box-shadow:0 0 1em rgba(57,255,20,.7)}}

/* Aufnahme-Modus für Videos (?video=1) */
#kp.vidmode{grid-template-columns:minmax(0,1fr);cursor:none}
#kp.vidmode .kp-side,#kp.vidmode .tools,#kp.vidmode #kp-menu,#kp.vidmode #kp-prev,#kp.vidmode #kp-next,#kp.vidmode .noaudio,#kp.vidmode .bigplay,#kp.vidmode #kp-again,#kp.vidmode .i-skip,#kp.vidmode .kp-foot .lbtn{display:none!important}
#kp.vidmode .kp-stage{grid-column:1}
#kp.vidmode *{cursor:none!important}
.vflash{position:fixed;inset:0;z-index:999;background:#fff}

/* Abschlussfolie als Spalte: nichts überlappt, egal welches Seitenverhältnis */
.sc-outro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55em}
.sc-outro .o-top,.sc-outro .o-cards,.sc-outro .o-member,.sc-outro .o-foot{position:relative;inset:auto;top:auto;left:auto;right:auto;margin:0}
.sc-outro .o-cards{width:100%}
.sc-outro .o-card .cardimg{max-height:min(5.2em,22cqh)}
.sc-outro .o-top .intro-brand b{font-size:2.2em}
.sc-outro .vault-rings.small{position:absolute}
@container stage (max-aspect-ratio: 1/1){.sc-outro .o-member{top:auto}.sc-outro .o-foot{top:auto}}
/* v1.4: Chinesisch (vereinfacht/traditionell) – passende Schriften, Zeilenumbruch ohne Leerzeichen */
html:lang(zh-Hans) body,html:lang(zh-Hans) .lpanel{font-family:var(--ff),Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC",system-ui,sans-serif}
html:lang(zh-Hant) body,html:lang(zh-Hant) .lpanel{font-family:var(--ff),Inter,"PingFang TC","PingFang HK","Microsoft JhengHei","Noto Sans TC","Noto Sans CJK TC","Source Han Sans TC",system-ui,sans-serif}
html:lang(zh-Hans) *,html:lang(zh-Hant) *{letter-spacing:normal!important;hyphens:manual!important}
html:lang(zh-Hans) .show,html:lang(zh-Hant) .show,html:lang(zh-Hans) .cap,html:lang(zh-Hant) .cap{line-break:strict;word-break:normal;overflow-wrap:anywhere}
html:lang(zh-Hans) :is(.show,h1,h2,h3,b,strong,.big){font-family:var(--ffd),InterDisplay,Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",sans-serif}
html:lang(zh-Hant) :is(.show,h1,h2,h3,b,strong,.big){font-family:var(--ffd),InterDisplay,Inter,"PingFang TC","PingFang HK","Microsoft JhengHei","Noto Sans TC","Noto Sans CJK TC",sans-serif}

/* ===== Scrollbalken im Präsentations-Design (alle Fenster, Listen, Rechtshinweise, Seitenleiste) ===== */
html{scrollbar-gutter:auto}
*::-webkit-scrollbar{width:10px;height:10px;background:transparent}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:10px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--acc),var(--acc2,var(--acc)));border-radius:10px;border:2px solid rgba(0,0,0,.45);background-clip:padding-box;min-height:40px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--acc2,var(--acc)),var(--acc));background-clip:padding-box}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:transparent}
.lm-box::-webkit-scrollbar-track,.kp-side::-webkit-scrollbar-track{margin:14px 0}
@supports selector(::-webkit-scrollbar){*{scrollbar-color:auto!important}}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--acc) rgba(255,255,255,.04)!important}}
.lm-box{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (max-width:640px){.lm-box{max-height:88svh;width:calc(100vw - 20px);border-radius:14px}*::-webkit-scrollbar{width:6px;height:6px}}

/* Startseite: nie abgeschnitten – auf kurzen, quer gehaltenen und kleinen Bildschirmen scrollbar und kompakter */
.kp-hero{place-items:normal;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.kp-hero{grid-template-columns:minmax(0,1fr);overflow-x:hidden}
.kp-hero .hero-in{margin:auto;width:100%;min-width:0}
.kp-hero .glow{position:fixed;inset:0;margin:auto;pointer-events:none}
@media (max-height:760px){
  .kp-hero{padding:18px 16px}
  .kp-hero h1{font-size:clamp(28px,min(6.4vw,9.5vh),92px);margin:10px 0 12px}
  .kp-hero p{font-size:clamp(13px,min(1.25vw,2.5vh),19px);margin-bottom:18px}
  .kp-hero .chips{margin-top:18px}
  .kp-hero .hero-logo{width:min(240px,50vw,32vh);margin-bottom:2px}
  .kp-hero .hero-excl{margin-top:14px}
  .kp-hero .hero-legal{margin-top:14px}
  .kp-hero .snd-hint{margin:-6px auto 14px!important}
}
@media (max-height:480px){
  .kp-hero{padding:12px 14px}
  .kp-hero .eyebrow{font-size:10px}
  .kp-hero h1{font-size:clamp(22px,min(5vw,11vh),56px);margin:6px 0 8px}
  .kp-hero p{font-size:12.5px;line-height:1.45;margin-bottom:12px;max-width:760px}
  .kp-hero .pill.primary,.kp-hero .hero-act .lcur{height:38px}
  .kp-hero .chips{margin-top:12px}
  .kp-hero .chip{padding:5px 10px;font-size:11.5px}
  .kp-hero .hero-logo{width:min(150px,26vh)}
}
@media (max-width:480px){
  .kp-hero .chips{gap:6px}
  .kp-hero .chip{padding:6px 10px;font-size:12px}
}
/* Kapitel-Chips: auf kleineren/kürzeren Bildschirmen eine wischbare Zeile statt einer langen Liste */
@media (max-height:960px),(max-width:900px){
  .kp-hero .chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;max-width:min(860px,100%);margin-inline:auto;padding:2px 24px 10px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);scrollbar-width:thin;overscroll-behavior-x:contain}
  .kp-hero .chip{flex:none;white-space:nowrap;scroll-snap-align:start}
  .kp-hero .chips::-webkit-scrollbar{height:4px}
}
@media (max-height:960px) and (min-height:761px){
  .kp-hero h1{font-size:clamp(34px,min(6.4vw,9vh),92px);margin:14px 0 14px}
  .kp-hero p{margin-bottom:22px}
  .kp-hero .hero-logo{width:min(300px,60vw,26vh)}
  .kp-hero .chips{margin-top:24px}
}

/* Szenen passen auch in sehr breite, niedrige Fenster: Schriftgröße richtet sich nach Breite UND Höhe (bis Seitenverhältnis 1,88 : 1 unverändert) */
.sc{font-size:min(2.3cqw,4.33cqh)}