.kx{width:100%;max-width:1040px;margin:0 auto;container:kxw/inline-size}.kx-frame{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#051c2c;box-shadow:0 28px 60px -30px #051c2ca6;isolation:isolate}.kx--quadrat .kx-frame{aspect-ratio:1/1}@container kxw (max-width:600px){.kx .kx-frame{aspect-ratio:2/3}.kx .kx-in{font-size:3.3cqw}}@container kxw (min-width:380px){.kx.kx--quadrat .kx-frame{aspect-ratio:1/1}.kx.kx--quadrat .kx-in{font-size:3cqw}}.kx-stage{position:absolute;inset:0;container:kx/size;overflow:hidden;color:#fff;font-family:var(--font-body);background:radial-gradient(110% 90% at 80% -10%,#2251ff33,#2251ff00 55%),linear-gradient(180deg,#06223a,#051c2c 65%)}.kx-in{position:absolute;inset:0;font-size:clamp(8px,1.32cqw,15px);line-height:1.35}@container kx (orientation:portrait){.kx-in{font-size:3cqw}}.kx-instant,.kx-instant *,.kx-instant *:before,.kx-instant *:after{transition:none!important;animation:none!important}.kx-chip{position:absolute;z-index:9;left:12px;top:10px;font:600 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#cfe0ff;background:#051c2ccc;border:1px solid rgba(111,151,255,.5);padding:6px 8px;border-radius:3px}.kx-num{position:absolute;z-index:9;right:12px;top:10px;font:500 10px/1 var(--font-mono);color:#9fb2c4;letter-spacing:.1em;text-transform:uppercase;padding:6px 0}.kx-poster{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:linear-gradient(180deg,#051c2c73,#051c2ce6 75%);transition:opacity .4s,visibility .4s}.kx[data-state=play] .kx-poster,.kx[data-state=end] .kx-poster{opacity:0;visibility:hidden}.kx-kick{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6f97ff;margin:0}.kx-title{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.5vw,30px);color:#fff;letter-spacing:-.02em;max-width:24ch;line-height:1.15;margin:0}.kx-btn{display:inline-flex;align-items:center;gap:10px;font:600 15px/1.2 var(--font-body);border-radius:6px;cursor:pointer;border:0}.kx-play{background:#2251ff;color:#fff;padding:14px 20px;margin-top:4px}.kx-play:hover{background:#1a44e0}.kx-play svg{width:13px;height:13px}.kx-note{font-size:12px;color:#9fb2c4;margin:0}.kx-skip{position:absolute;z-index:10;right:12px;bottom:12px;background:#051c2cc7;color:#fff;border:1px solid rgba(255,255,255,.35);padding:8px 12px;font-size:13px}.kx-skip:hover{background:#0a2740}.kx-bar{position:relative;height:3px;margin-top:10px;background:#d3dde6;overflow:hidden}.kx-bar i{position:absolute;inset:0;background:#2251ff;transform-origin:0 50%;transform:scaleX(0)}.kx-bar b{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--kx-bg,var(--body-bg));z-index:1}.kx-foot{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-top:12px;min-height:42px}.kx-cap{font-size:14px;line-height:1.5;color:var(--ink);max-width:70ch;margin:0}.kx-again{background:#fff;color:#051c2c;border:1px solid #c3cfda;padding:9px 14px;font-size:14px;white-space:nowrap}.kx-again:hover{border-color:#2251ff}.kx :focus-visible{outline:2px solid #6f97ff;outline-offset:2px}.kx [hidden]{display:none!important}.kx-rm .kx-bar{visibility:hidden}@container kxw (max-width:600px){.kx .kx-foot{flex-direction:column;gap:10px}.kx .kx-num{display:none}.kx .kx-skip{padding:5px 10px;font-size:12px;right:8px;top:7px;bottom:auto}.kx .kx-title{font-size:21px}}.band-navy .kx{--kx-bg:var(--navy)}.band-navy .kx-frame{box-shadow:0 0 0 1px var(--navy-line),0 30px 60px -30px #000c}.band-navy .kx-bar{background:var(--navy-line)}.band-navy .kx-cap{color:var(--muted-dark)}.band-navy .kx-again{background:transparent;color:#fff;border-color:#2e5379}.band-navy .kx-again:hover{border-color:#6f97ff}.band-white .kx{--kx-bg:var(--white)}.kx-cur{position:absolute;left:0;top:0;z-index:7;width:1.55em;height:auto;margin:-.12em 0 0 -.16em;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));transition:transform var(--cd,0ms) cubic-bezier(.55,0,.25,1),opacity .25s,scale .12s}.kx-cur.on{opacity:1}.kx-cur.down{scale:.84}.kx-rip{position:absolute;z-index:6;width:2.8em;height:2.8em;margin:-1.4em 0 0 -1.4em;border-radius:50%;border:2px solid #6f97ff;background:#6f97ff47;pointer-events:none;animation:kx-rip .75s cubic-bezier(.2,.7,.3,1) both}@keyframes kx-rip{0%{transform:scale(.2);opacity:1}to{transform:scale(1.5);opacity:0}}.kx-o1 .kx-cur{opacity:0}.kx-out{position:absolute;inset:0;z-index:8;pointer-events:none;--lw:30cqw;--lt:19cqh;--rh:max(4px,1.3cqh)}.kx-out:before{content:"";position:absolute;inset:0;background:radial-gradient(75% 65% at 50% 38%,#051c2ced,#051c2cf7);opacity:0;transition:opacity .7s}.kx-o1 .kx-out:before{opacity:1}.kx-o1 .kx-in>:not(.kx-out):not(.kx-cur):not(.ka-save){filter:blur(2.5px)}.kx-rib{position:absolute;left:calc(50cqw - var(--lw)*.08);top:calc(var(--lt) + var(--lw)*.175);width:170cqw;height:var(--rh);margin-left:-85cqw;margin-top:calc(var(--rh)/-2);opacity:0}.kx-r1{background:linear-gradient(90deg,#6f97ff00,#6f97ffe6 48%,#a9c2ff,#6f97ffe6 52%,#6f97ff00);transform:rotate(-50deg) scaleX(0)}.kx-r2{background:linear-gradient(90deg,#dce4f000,#dce4f0bf 48%,#fff,#dce4f0bf 52%,#dce4f000);transform:rotate(50deg) scaleX(0)}.kx-o1 .kx-rib{opacity:1;transition:transform .9s cubic-bezier(.6,0,.2,1),opacity .3s}.kx-o1 .kx-r1{transform:rotate(-50deg) scaleX(1)}.kx-o1 .kx-r2{transform:rotate(50deg) scaleX(1);transition-delay:.12s}.kx-o2 .kx-rib{opacity:0;transition:opacity .9s .2s,transform 1.1s}.kx-o2 .kx-r1{transform:rotate(-50deg) scaleX(.1)}.kx-o2 .kx-r2{transform:rotate(50deg) scaleX(.1)}.kx-logo{position:absolute;left:calc(50cqw - var(--lw)/2);top:var(--lt);width:var(--lw);clip-path:inset(0 50% 0 50%);opacity:0;transition:clip-path 1s cubic-bezier(.6,0,.2,1),opacity .35s}.kx-logo img{display:block;width:100%;height:auto}.kx-o2 .kx-logo{clip-path:inset(0 0 0 0);opacity:1}.kx-claim{position:absolute;left:5%;right:5%;top:calc(var(--lt) + var(--lw)*.406 + 2.5cqh);margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2em .7em;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}.kx-claim b{font-family:var(--font-display);font-weight:700;font-size:1.25em;letter-spacing:-.01em;color:#fff}.kx-claim span{font-size:1.05em;color:#9fb2c4;padding-left:.7em;border-left:1px solid #2e5379}.kx-o3 .kx-claim{opacity:1;transform:none}@container kx (orientation:portrait){.kx-out{--lw:66cqw;--lt:17cqh;--rh:max(4px,1cqh)}.kx-claim{flex-direction:column;align-items:center}.kx-claim span{border:0;padding:0}}