.k-codetoinspire .ci-pf{font-family:var(--ci-font);background:#161a20;position:absolute;inset:0;overflow:hidden}.k-codetoinspire .ci-pf-links{width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.k-codetoinspire .ci-pf-links line{stroke:#4f5864;stroke-width:3px;stroke-dasharray:10 14}.k-codetoinspire .ci-pf-x{width:34px;height:34px;color:var(--ci-red);margin:-17px 0 0 -17px;transition:opacity .4s;display:block;position:absolute}.k-codetoinspire .ci-pf-pill{text-align:center;color:#f0f3f7;margin:0;font-size:34px;font-weight:600;line-height:44px;transition:opacity .4s;position:absolute;top:40px;left:0;right:0}.k-codetoinspire .ci-pf:not([data-pre]) :is(.ci-pf-links,.ci-pf-x,.ci-pf-pill){opacity:0}.k-codetoinspire .ci-pf-win{z-index:1;width:1080px;height:800px;transition:transform .9s var(--ci-ease) .3s,opacity .6s ease .3s;background:#fbfcfd;border-radius:28px;position:absolute;top:112px;left:143px;overflow:hidden;box-shadow:0 40px 90px -20px #0009}.k-codetoinspire .ci-pf[data-pre] .ci-pf-win{opacity:0;transition:none;transform:scale(.92)}.k-codetoinspire .ci-pf-nav{background:#161a20;border-bottom:1px solid #38404a;align-items:center;height:72px;padding-left:32px;display:flex;position:absolute;top:0;left:0;right:0}.k-codetoinspire .ci-pf-nav img{width:230px;height:auto;display:block}.k-codetoinspire .ci-pf-rail{color:#c8d0da;background:#161a20;flex-direction:column;align-items:center;gap:36px;width:92px;padding-top:36px;display:flex;position:absolute;top:72px;bottom:0;left:0}.k-codetoinspire .ci-pf-rail .is-on{color:var(--ci-red)}.k-codetoinspire .ci-pf-main{padding:32px 40px 0;position:absolute;inset:72px 0 0 92px}.k-codetoinspire .ci-pf-h{color:var(--ci-head);margin:0;font-size:52px;font-weight:700;line-height:64px}.k-codetoinspire .ci-pf-grid{grid-template-columns:repeat(3,284px);grid-auto-rows:266px;gap:28px;margin-top:28px;display:grid}.k-codetoinspire .ci-pf-t{border:1px solid var(--ci-line);transition:transform .7s var(--ci-ease) calc(.6s + var(--i) * .11s),opacity .5s ease calc(.6s + var(--i) * .11s);background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.k-codetoinspire .ci-pf[data-pre] .ci-pf-t{opacity:0;transition:none;transform:translateY(16px)scale(.96)}.k-codetoinspire .ci-pf-ic{background:var(--ci-red-subtle);width:112px;height:112px;color:var(--ci-red);border-radius:50%;justify-content:center;align-items:center;display:flex}.k-codetoinspire .ci-pf-tn{color:var(--ci-head);font-size:34px;font-weight:700;line-height:42px}.k-codetoinspire .ci-pf-c{z-index:2;left:var(--x);top:var(--y);width:var(--w);box-sizing:border-box;color:#f0f3f7;white-space:nowrap;height:132px;transform:translate(var(--dx),var(--dy)) scale(.7);opacity:0;transition:transform 1s var(--ci-ease) calc(var(--i) * 70ms),opacity .5s ease calc(.45s + var(--i) * 70ms);animation:ci-pf-drift 3.2s ease-in-out calc(var(--i) * -.6s) infinite alternate;background:#252b33;border:1px solid #4f5864;border-radius:22px;align-items:center;gap:20px;padding:0 30px;font-size:34px;font-weight:600;line-height:42px;display:flex;position:absolute}.k-codetoinspire .ci-pf[data-pre] .ci-pf-c{transform:rotate(var(--r));opacity:1;transition:none}.k-codetoinspire .ci-pf:not([data-pre]) .ci-pf-c{animation-play-state:paused}@keyframes ci-pf-drift{0%{translate:0 -6px}to{translate:0 6px}}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-pf *{transition:none;animation:none}}