.kc-in{--sx:14.2%;--sw:17%;--sy:15.2%;--sh:6.4%;--ss:7.4%;--tw:13.5%;--th:19%;perspective:1100px}.kc-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#6f97ff59;stroke-width:.35;stroke-dasharray:1.6 1.4;transition:opacity .5s}.kc-s1 .kc-lines{animation:kc-march 1.2s linear infinite}@keyframes kc-march{to{stroke-dashoffset:-6}}.kc-s2 .kc-lines{opacity:0}.kc-chaos{position:absolute;font:500 .78em var(--font-mono);color:#cfe0ff;background:#0a2740e6;border:1px dashed rgba(111,151,255,.5);padding:.25em .55em;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .35s,transform .45s cubic-bezier(.2,1.3,.4,1)}.kc-ch1{left:30%;top:38%}.kc-ch2{left:58%;top:46%}.kc-ch3{left:44%;top:30%}.kc-ch4{left:18%;top:48%}.kc-s1 .kc-chaos{opacity:1;transform:none}.kc-s1 .kc-ch2{transition-delay:.6s}.kc-s1 .kc-ch3{transition-delay:1.2s}.kc-s1 .kc-ch4{transition-delay:1.8s}.kc-s2 .kc-chaos{opacity:0;transition-delay:0s}.kc-t{position:absolute;left:var(--x);top:var(--y);width:var(--tw);height:var(--th);transform:rotate(var(--r)) rotateY(var(--ry));transition:left 1s cubic-bezier(.7,0,.2,1),top 1s cubic-bezier(.7,0,.2,1),width 1s cubic-bezier(.7,0,.2,1),height 1s cubic-bezier(.7,0,.2,1),transform 1s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*70ms)}.kc-ti{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;background:linear-gradient(160deg,#103455,#0a2740);border:1px solid #23466d;border-radius:8px;box-shadow:0 18px 30px -16px #000c;font-size:.92em;font-weight:600;color:#e3ebf3;transition:background .6s,box-shadow .6s,border-color .6s,gap .6s}.kc-ti svg{width:2em;height:2em;fill:none;stroke:#6f97ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:width .6s,height .6s}.kc-s1 .kc-ti{animation:kc-bob 2.6s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.37s)}@keyframes kc-bob{to{transform:translateY(-7px) rotateX(8deg)}}.kc-s2 .kc-ti{animation:none}.kc-s2 .kc-t{left:var(--sx);top:calc(var(--sy) + var(--i)*var(--ss));width:var(--sw);height:var(--sh);transform:none}.kc-s2 .kc-ti{flex-direction:row;justify-content:flex-start;gap:.6em;padding:0 .8em;background:transparent;border-color:transparent;box-shadow:none;font-weight:500;font-size:.88em}.kc-s2 .kc-ti svg{width:1.3em;height:1.3em}.kc-s3 .kc-t:first-child .kc-ti{background:#2251ff33;border-color:transparent;box-shadow:inset 3px 0 #2251ff}.kc-app{position:absolute;left:13%;top:6%;width:74%;height:73%;background:#0a2740;border:1px solid #1c3a5c;border-radius:10px;opacity:0;transform:scale(.9) translateZ(-60px);transition:opacity .7s .25s,transform 1.1s cubic-bezier(.2,.8,.2,1) .2s;box-shadow:0 40px 80px -30px #000c;overflow:hidden}.kc-s2 .kc-app{opacity:1;transform:none}.kc-tb{display:flex;align-items:center;gap:.8em;height:9%;padding:0 1em;border-bottom:1px solid #1c3a5c;font-size:.85em;color:#9fb2c4}.kc-tb em{margin-left:auto;font:600 .82em var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:#6f97ff}.kc-dots{display:flex;gap:.35em}.kc-dots i{width:.6em;height:.6em;border-radius:50%;background:#1c3a5c}.kc-side{position:absolute;left:0;top:9%;bottom:0;width:27%;background:#08233a;border-right:1px solid #1c3a5c}.kc-main{position:absolute;inset:13% 2.5% 4% 29.5%;display:flex;flex-direction:column;gap:.55em}.kc-mh{display:flex;flex-direction:column;margin-bottom:.3em;opacity:0;transition:opacity .5s}.kc-mh span{font:600 .75em var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#9fb2c4}.kc-mh b{font-family:var(--font-display);font-size:1.35em;letter-spacing:-.01em}.kc-rec{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.6em .8em;background:#0d2f4d;border:1px solid #1c3a5c;border-radius:6px;font-size:.9em;opacity:0;transform:translate(16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}.kc-rec em{font-style:normal;font-size:.82em;color:#6f97ff;white-space:nowrap}.kc-s2b .kc-mh,.kc-s2b .kc-rec{opacity:1;transform:none}.kc-s2b .kc-rec:nth-child(3){transition-delay:.2s}.kc-s2b .kc-rec:nth-child(4){transition-delay:.4s}.kc-s2b .kc-rec:nth-child(5){transition-delay:.6s}.kc-s2b .kc-rec:nth-child(6){transition-delay:.8s}.kc-sum{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.55em;opacity:0;transform:translateY(10px);transition:opacity .5s .4s,transform .6s .4s}.kc-sum span{border:1px solid rgba(111,151,255,.45);background:#2251ff1f;color:#cfe0ff;font-weight:600;font-size:.88em;padding:.7em .8em;border-radius:6px;text-align:center}.kc-s3 .kc-sum{opacity:1;transform:none}.kc-claim{position:absolute;left:0;right:0;bottom:0;padding:2.4em 6% 1.5em;background:linear-gradient(180deg,#051c2c00,#051c2ceb 45%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2em;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1)}.kc-claim b{font-family:var(--font-display);font-size:2em;letter-spacing:-.02em;line-height:1.1}.kc-claim span{color:#9fb2c4;font-size:.95em}.kc-s3 .kc-claim{opacity:1;transform:none}@container kx (orientation:portrait){.kc-in{--sx:5.5%;--sw:34%;--sy:16.5%;--sh:5.8%;--ss:6.6%;--tw:30%;--th:12%}.kc-t{left:var(--px);top:var(--py)}.kc-app{left:4%;top:9%;width:92%;height:72%}.kc-tb{height:8%}.kc-side{top:8%;width:38%}.kc-main{left:41%;right:3%;top:9%;gap:.4em}.kc-rec{flex-direction:column;align-items:flex-start;gap:.1em;padding:.45em .55em;font-size:.85em}.kc-chaos,.kc-lines{display:none}.kc-claim b{font-size:1.6em}.kc-sum{display:none}}