.cki{--cki-top:var(--sh-offset,88px);--cki-glass:100px;--cki-px:max(var(--gut,24px), calc((100vw - var(--max,1280px)) / 2));padding-inline:var(--cki-px);margin-inline:0;position:relative;overflow-x:clip}.cki__skip{left:var(--gut,24px);z-index:5;background:var(--ink);color:var(--bg);font:600 14px/1 var(--text);opacity:0;border-radius:12px;padding:10px 16px;position:absolute;top:0;transform:translateY(-140%)}.cki__skip:focus-visible{opacity:1;transform:none}.cki__vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cki__track{grid-template-columns:minmax(0,11fr) minmax(0,13fr);column-gap:clamp(16px,3vw,48px);display:grid}.cki__flow{z-index:2;grid-area:1/1;position:relative}.cki__stage{height:100svh;margin-inline:calc(-1 * var(--cki-px));pointer-events:none;grid-area:1/1/auto/-1;align-self:start;position:sticky;top:0}.cki__viz{z-index:0;inset:calc(var(--cki-top) + var(--cki-glass)) 0 5svh 0;position:absolute;container-type:size}.cki__box{aspect-ratio:1000/760;width:min(96cqw,160cqh);position:absolute;top:50%;left:56%;transform:translate(-50%,-50%)}.cki__scrim{z-index:1;background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 82%, transparent) 0, color-mix(in srgb, var(--bg) 55%, transparent) 28%, transparent 46%);position:absolute;inset:0}.cki__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cki__field{aspect-ratio:1;width:62cqw;opacity:calc(.95 * var(--ms-intensity));will-change:transform, opacity;border-radius:50%;position:absolute}.cki__field--cool{background:radial-gradient(closest-side, var(--ms-field-cool), transparent);top:0;right:18%}.cki__field--warm{background:radial-gradient(closest-side, color-mix(in srgb, var(--ms-accent) 16%, transparent), transparent);top:20%;right:-6%}.cki-mem{fill:url(#cki-mem);stroke:color-mix(in srgb, var(--ink) 18%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.cki-ring{fill:none;stroke:var(--ms-accent-2);stroke-width:1.2px;opacity:.45;vector-effect:non-scaling-stroke}.cki-ring--glass{stroke:color-mix(in srgb, var(--ms-accent-2) 22%, var(--ms-node-bg));stroke-width:34px;opacity:.5}.cki-ring--glass+.cki-ring--edge{stroke-width:1.5px;opacity:.7}.cki-link{fill:none;stroke:url(#cki-line);stroke-width:22px;stroke-linecap:round;opacity:.38;vector-effect:non-scaling-stroke}.cki-link--core{stroke-width:3px;opacity:.9}[data-ms-fx=flat] .cki-link{stroke-width:3px;opacity:1}.cki-route{fill:none;stroke:var(--ms-accent);stroke-width:4px;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke}.cki-bloom__halo{fill:url(#cki-halo)}.cki-bloom__ring{fill:none;stroke:var(--ms-accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.cki-bloom__core{fill:var(--ms-accent)}.cki-runner{fill:var(--ms-accent);opacity:0}.cki-finale{fill:none;stroke:var(--ms-accent);stroke-width:5px;stroke-linecap:round;opacity:.75;vector-effect:non-scaling-stroke}.cki__chat{opacity:0;width:40%;height:36.8%;position:absolute;top:30.3%;left:30%}.cki__dots{gap:6px;display:flex;position:absolute;top:8%;left:6%}.cki__dots i{background:var(--ms-line-strong);border-radius:50%;width:9px;height:9px}.cki__bars{gap:10px;width:80%;display:grid;position:absolute;top:24%;left:6%}.cki__bars i{background:var(--ms-line);border-radius:5px;height:10px}.cki__bars i:first-child{width:62%}.cki__bars i:nth-child(3){width:44%}.cki__prompt{box-shadow:inset 0 0 0 1.5px var(--ms-line-strong);background:var(--card);font:550 calc(clamp(13px, 1.25cqw, 18px) * var(--u,1))/1.2 var(--text);color:var(--ink);white-space:nowrap;border-radius:14px;padding:14px 16px;position:absolute;bottom:8%;left:5%;right:5%;overflow:hidden}.cki-orb{will-change:transform;width:0;height:0;position:absolute}.cki-orb__glow{aspect-ratio:1;width:30cqw;opacity:calc(.9 * var(--ms-intensity));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cki-orb--people .cki-orb__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--ms-accent-2) 34%, transparent), transparent)}.cki-orb--data .cki-orb__glow{background:radial-gradient(closest-side,#8a5cf64d,#0000)}.cki-orb--proc .cki-orb__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--ms-accent) 30%, transparent), transparent)}.cki-orb__core{aspect-ratio:1;border-radius:50%;width:13cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cki-orb--people .cki-orb__core{background:radial-gradient(circle at 35% 30%, #fff 0, color-mix(in srgb, var(--ms-accent-2) 45%, #fff) 35%, var(--ms-accent-2) 100%);box-shadow:0 1.4cqw 3cqw color-mix(in srgb, var(--ms-accent-2) 40%, transparent)}.cki-orb--data .cki-orb__core{background:linear-gradient(135deg,#fff 0,#dccefc 45%,#8a5cf6 50%,#5e44b1 100%);border-radius:14%;width:11cqw;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 1.4cqw 3cqw #8a5cf666}.cki-orb--proc .cki-orb__core{aspect-ratio:2.1;background:linear-gradient(90deg, color-mix(in srgb, var(--ms-accent) 35%, #fff), var(--ms-accent) 60%, color-mix(in srgb, var(--ms-accent) 70%, #ffd1c4));width:19cqw;box-shadow:0 1.4cqw 3cqw color-mix(in srgb, var(--ms-accent) 40%, transparent);border-radius:999px}.cki-orb__lab{white-space:nowrap;font:650 calc(clamp(11px, 1cqw, 14px) * var(--u,1))/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);position:absolute;top:calc(7.6cqw + 8px);left:50%;transform:translate(-50%)}[data-ms-fx=flat] .cki-orb__glow{display:none}.cki__labels{position:absolute;inset:0}.cki-lab{white-space:nowrap;font:600 calc(clamp(12px, 1.1cqw, 15px) * var(--u,1))/1.2 var(--text);color:var(--ink);position:absolute;transform:translate(-50%,-50%)}.cki-lab--bloom{font:680 calc(clamp(20px, 2.5cqw, 38px) * var(--u,1))/1 var(--disp);letter-spacing:-.03em;color:var(--ink);transform:translate(-50%,calc(-100% - 3.6cqw))}.cki-lab--rule{font:650 calc(clamp(16px, 1.9cqw, 28px) * var(--u,1))/1 var(--disp);letter-spacing:-.02em;color:var(--ms-accent-2)}.cki__reel{z-index:2;right:var(--gut,24px);opacity:0;width:min(44vw,680px);height:calc(3.36*clamp(44px,5.4vw,88px));position:absolute;bottom:9svh;overflow:hidden;mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.cki__reel ol{will-change:transform;margin:0;padding:0;list-style:none}.cki__reel li{height:calc(1.12*clamp(44px,5.4vw,88px));font:700 calc(clamp(40px, 5vw, 80px) * var(--u,1))/1.12 var(--disp);letter-spacing:-.045em;letter-spacing:-.03em;color:var(--ink);white-space:nowrap;opacity:.22;align-items:baseline;gap:.5em;display:flex}.cki__reeln{font:700 .26em/1 var(--text);letter-spacing:.08em;color:var(--ms-accent-text)}.cki__rail{left:var(--gut,24px);gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:5svh}.cki__rail li{background:var(--ms-line-strong);width:22px;height:3px;transition:width .5s var(--ms-ease), background .5s var(--ms-ease);border-radius:3px}.cki__rail li span{display:none}.cki[data-active="1"] .cki__rail li:first-child,.cki[data-active="2"] .cki__rail li:nth-child(2),.cki[data-active="3"] .cki__rail li:nth-child(3),.cki[data-active="4"] .cki__rail li:nth-child(4),.cki[data-active="5"] .cki__rail li:nth-child(5){background:var(--ms-accent);width:48px}.cki__tag{right:var(--gut,24px);font:600 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0;position:absolute;bottom:5svh}.cki__step{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:110svh;padding-block:14svh;display:flex}.cki__intro{min-height:100svh}.cki__chapters{margin:0;padding:0;list-style:none}.cki__kicker{font:600 calc(12px * var(--u,1))/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:12px;margin:0 0 20px;display:flex}.cki__num{font-variant-numeric:tabular-nums;color:var(--ms-accent-text)}.cki__h{font:680 calc(clamp(44px, 6vw, 96px) * var(--u,1))/.98 var(--disp);letter-spacing:-.045em;margin:0}.cki__t{font:680 calc(clamp(38px, 4.5vw, 74px) * var(--u,1))/.98 var(--disp);letter-spacing:-.045em;margin:0}.cki__w{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.cki__w>span{display:inline-block}.cki__lead{max-width:34ch;font-size:calc(clamp(18px, 1.5vw, 22px) * var(--u,1));color:var(--ink-2);margin:28px 0 0;line-height:1.5}.cki__p{max-width:36ch;font-size:calc(clamp(17px, 1.3vw, 20px) * var(--u,1));color:var(--ink-2);margin:24px 0 0;line-height:1.55}.cki__pts{font-size:calc(15.5px * var(--u,1));gap:8px;margin:22px 0 0;padding:0;line-height:1.4;list-style:none;display:grid}.cki__pts li{padding-left:20px;position:relative}.cki__pts li:before{content:"";background:var(--ms-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:0}.cki__pts--steps{counter-reset:s}.cki__pts--steps li{counter-increment:s;padding-left:34px}.cki__pts--steps li:before{content:counter(s);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--ms-accent);color:var(--ink);font:700 11px/1 var(--text);background:0 0;place-items:center;display:grid;top:0}.cki__pts--steps b{font-weight:650}.cki__pts--steps span{color:var(--ink-2)}.cki__cta{margin:30px 0 0}.cki__note{z-index:2;max-width:70ch;font-size:calc(13.5px * var(--u,1));color:var(--ink-2);margin:0;padding:18px 0 0;line-height:1.5;position:relative}@media (width>=900px){.cki__ch{justify-content:flex-start;min-height:150svh;padding-block:22svh 0}.cki__ch .cki__card{position:sticky;top:22svh}.cki[data-ms-motion=on] .cki__prest{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cki__ch:is([data-ch=netz],[data-ch=moeglichkeiten],[data-ch=verantwortung],[data-ch=schritte]) .cki__pts{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.cki[data-ms-motion=on] .cki__w>span{transform-origin:0 100%;transition:transform 1s cubic-bezier(.16, .9, .2, 1) calc(var(--i) * 55ms);transform:translateY(110%)rotate(4deg)}.cki[data-ms-motion=on] .cki__step.is-in .cki__w>span{transform:none}.cki[data-ms-motion=on] .cki__step :is(.cki__p,.cki__lead,.cki__pts,.cki__cta,.cki__kicker){opacity:0;transition:opacity .8s .3s,transform .9s cubic-bezier(.2,.8,.2,1) .3s;transform:translateY(18px)}.cki[data-ms-motion=on] .cki__step.is-in :is(.cki__p,.cki__lead,.cki__pts,.cki__cta,.cki__kicker){opacity:1;transform:none}@media (width<=899px){.cki__track{grid-template-columns:minmax(0,1fr)}.cki__stage{grid-column:1}.cki__viz{inset:calc(var(--cki-top) + 64px) 0 42svh 0}.cki__box{width:min(100cqw,131.579cqh);left:50%}.cki__field{width:110cqw}.cki__step{justify-content:flex-end;min-height:115svh;padding-block:0 6svh}.cki__intro{justify-content:flex-start;padding-top:0}.cki__intro .cki__lead{margin-top:46svh}.cki__card,.cki__intro .cki__lead{background:color-mix(in srgb, var(--card) 95%, transparent);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1,none);border-radius:22px;padding:22px}.cki__t{font-size:calc(clamp(28px, 8vw, 40px) * var(--u,1))}.cki__h{font-size:calc(clamp(36px, 11vw, 52px) * var(--u,1))}.cki-lab,.cki-orb__lab,.cki__reel,.cki__scrim{display:none}.cki__rail{bottom:auto;top:calc(var(--cki-top) + 12px)}.cki__tag{display:none}}.cki[data-phase=end] .cki-lab,.cki[data-phase=end] .cki__chat{display:none}@media (forced-colors:active){.cki-lab{border:1px solid canvastext}}
