.k-shot{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}.k-shot>.k-phone,.k-shot>.k-browser,.k-shot>.k-laptop{margin-inline:auto}.k-phone{width:var(--w,360px);max-width:100%;container-type:inline-size;flex:none}.k-phone__body{position:relative;aspect-ratio:var(--ratio,9/19.5);padding:3.3cqw;border-radius:16.5cqw;background:linear-gradient(150deg,#3b3f45,#16181b 18%,#0b0c0e,#1b1d21 82%,#43474d);box-shadow:inset 0 0 0 .32cqw #5a5f66,inset 0 0 0 .62cqw #0a0b0c,inset 0 0 0 .9cqw #26292d,0 .6cqw 1.2cqw #0000002e,0 6cqw 14cqw -3cqw #080c126b}.k-phone__body:before,.k-phone__body:after{content:"";position:absolute;width:.95cqw;border-radius:.6cqw;background:linear-gradient(90deg,#55595f,#1d1f22)}.k-phone__body:before{right:-.7cqw;top:26%;height:15%}.k-phone__body:after{left:-.7cqw;top:17%;height:4.4%;box-shadow:0 9.5cqw #2c2f33,0 20cqw #2c2f33}.k-phone__screen{position:relative;height:100%;overflow:hidden;border-radius:13.2cqw;font-size:calc(100cqw * 16 / 420);isolation:isolate;background:#000}.k-phone__island{position:absolute;z-index:40;left:50%;top:5.6cqw;translate:-50% 0;width:28.5cqw;height:8.3cqw;border-radius:99px;background:#000;box-shadow:inset -.4cqw 0 .8cqw #ffffff0a}.k-phone__island:after{content:"";position:absolute;right:2.6cqw;top:50%;translate:0 -50%;width:2.6cqw;height:2.6cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a3550 0,#0b0f19 55%,#000 70%)}.k-phone__blank{position:absolute;inset:0;background:linear-gradient(160deg,#1d2a33,#0b1115 60%,#1b2b2a)}.k-browser{width:var(--w,100%);max-width:100%;container-type:inline-size}.k-browser__win{aspect-ratio:var(--ratio,16/10);display:flex;flex-direction:column;overflow:hidden;border-radius:max(6px,.9cqw);background:#fff;font-size:1.25cqw;box-shadow:0 0 0 1px #0f141e1a,0 .4cqw 1cqw #00000014,0 3cqw 7cqw -1.5cqw #080c1261}.k-browser__bar{flex:none;height:3em;display:flex;align-items:center;gap:1.25em;padding:0 1.25em;background:#eef0f3;border-bottom:1px solid #D9DEE4;color:#5c6670;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.k-browser__dots{display:flex;gap:.5em}.k-browser__dots i{width:.75em;height:.75em;border-radius:50%;background:#c8cdd4;display:block}.k-browser__nav{display:flex;gap:.9em;opacity:.75}.k-browser__nav svg{width:1em;height:1em}.k-browser__url{flex:1;max-width:36em;margin-inline:auto;height:1.95em;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:.45em;background:#fff;box-shadow:inset 0 0 0 1px #dde2e8;font-size:.8125em;color:#2c353d;letter-spacing:.005em}.k-browser__url svg{width:1em;height:1em;color:#5c6670}.k-browser__url span{color:#8a949e}.k-browser__spacer{width:4.4em}.k-browser__view{position:relative;flex:1;overflow:hidden}.k-browser[data-ui=dark] .k-browser__win{background:#0f1417;box-shadow:0 0 0 1px #ffffff14,0 3cqw 7cqw -1.5cqw #0009}.k-browser[data-ui=dark] .k-browser__bar{background:#1a2024;border-color:#252d33;color:#9aa6ae}.k-browser[data-ui=dark] .k-browser__dots i{background:#3a444b}.k-browser[data-ui=dark] .k-browser__url{background:#0f1417;color:#dde5ea;box-shadow:inset 0 0 0 1px #2a343b}.k-laptop{width:var(--w,100%);max-width:100%;container-type:inline-size}.k-laptop__lid{position:relative;width:86%;margin-inline:auto;padding:1.5cqw 1.5cqw 2.1cqw;background:#0c0d0f;border-radius:2.2cqw 2.2cqw .6cqw .6cqw;box-shadow:inset 0 0 0 .14cqw #3a3d42,inset 0 0 0 .3cqw #0c0d0f,inset 0 0 0 .42cqw #1f2226}.k-laptop__lid:before{content:"";position:absolute;top:.55cqw;left:50%;translate:-50% 0;width:.55cqw;height:.55cqw;border-radius:50%;background:#1d2633;box-shadow:0 0 0 .12cqw #111}.k-laptop .k-browser__win{border-radius:.25cqw;box-shadow:none}.k-laptop__base{position:relative;height:2.3cqw;background:linear-gradient(180deg,#e6e9ec,#c3c8ce 45%,#9ba1a9);border-radius:.3cqw .3cqw 2.6cqw 2.6cqw/.3cqw .3cqw 2.3cqw 2.3cqw;box-shadow:0 2.4cqw 3.2cqw -1.4cqw #080c1273}.k-laptop__base:before{content:"";position:absolute;left:50%;top:0;translate:-50% 0;width:14cqw;height:.85cqw;background:linear-gradient(180deg,#a7adb4,#c9ced3);border-radius:0 0 1cqw 1cqw}.k-sheet__keyapp{width:1.6em;height:1.6em;border-radius:.42em;display:grid;place-items:center;background:linear-gradient(160deg,#5b6470,#2b3138);color:#fff}.k-sheet__keyapp svg{width:62%;height:62%}.k-ba{container-type:inline-size;width:100%}.k-ba__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4cqw,32px)}@container (max-width:620px){.k-ba__grid{grid-template-columns:1fr}}.k-ba__item{margin:0;display:flex;flex-direction:column;gap:12px}.k-ba__stage{position:relative;container-type:inline-size;aspect-ratio:5/4;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 15% 10%,#cfd9e0 0%,transparent 55%),radial-gradient(90% 80% at 90% 95%,#b9c6cf 0%,transparent 60%),linear-gradient(160deg,#e3e8ec,#c5cfd6);box-shadow:inset 0 0 0 1px #0f141e14}.k-ba__stage:after{content:"";position:absolute;left:0;right:0;top:0;height:4.2cqw;background:#ffffff73;box-shadow:0 1px #0000000d}.k-dlg{position:relative;z-index:1;width:64cqw;font-size:calc(100cqw * 16 / 620);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1d20;letter-spacing:-.006em;border-radius:1.35em;box-shadow:0 0 0 .5px #0000002e,0 1.4em 3em -.8em #0a141e73}.k-dlg--before{background:#eaeaedf7;padding:1.6em 1.6em 1.5em;text-align:center;display:flex;flex-direction:column;align-items:center}.k-dlg__icon{position:relative;width:4.6em;height:4.6em;border-radius:50%;background:#f7f7f8;box-shadow:inset 0 0 0 1px #d4d4d8;display:grid;place-items:center;color:#e3546e}.k-dlg__icon svg{width:72%;height:72%}.k-dlg__badge{position:absolute;right:-.2em;bottom:-.15em;width:1.85em;height:1.85em;border-radius:.5em;background:#fff;box-shadow:0 1px 3px #0003;display:grid;place-items:center;color:#5d6874}.k-dlg__badge svg{width:72%;height:72%}.k-dlg__app{font-size:1.125em;font-weight:700;margin-top:.85em}.k-dlg__msg{font-size:.9375em;font-weight:600;margin-top:.55em;line-height:1.35;max-width:19em}.k-dlg__msg2{font-size:.875em;color:#3c4046;margin-top:.6em;line-height:1.4;max-width:19em}.k-dlg__primary{position:relative;width:100%;height:2.5em;border-radius:.6em;margin-top:1.15em;display:grid;place-items:center;font-size:.9375em;font-weight:600;color:#fff;background:linear-gradient(#4b93f8,#2a76ee)}.k-dlg__secondary{width:100%;height:2.5em;border-radius:.6em;margin-top:.6em;display:grid;place-items:center;font-size:.9375em;font-weight:600;background:#d1d1d6;color:#2b2d31}.k-dlg__pin{position:absolute;right:-.7em;top:50%;translate:0 -50%;width:1.7em;height:1.7em;border-radius:50%;display:grid;place-items:center;font-size:.8em;font-weight:700;color:#14181d;background:var(--accent-graphic,#C9821F);box-shadow:0 0 0 .3em #c9821f47}.k-dlg--after{background:#fff;padding:1.55em 1.6em 1.45em}.k-dlg__h{font-size:1.375em;font-weight:700;letter-spacing:-.02em}.k-dlg__p{font-size:.9375em;margin-top:.45em;line-height:1.4;color:#2a2d31}.k-dlg__p b{font-weight:650}.k-dlg__from{margin-top:1.05em;padding:.75em .9em;border-radius:.75em;background:#f3f4f6;display:flex;align-items:center;justify-content:space-between;font-size:.875em}.k-dlg__from span{color:#6b7078}.k-dlg__from b{display:flex;align-items:center;gap:.45em;font-weight:600}.k-dlg__from .k-sheet__keyapp{width:1.5em;height:1.5em}.k-dlg__touch{display:flex;flex-direction:column;align-items:center;gap:.55em;margin:1.15em 0 .9em;color:#e3546e}.k-dlg__touch svg{width:3.4em;height:3.4em}.k-dlg__touch span{font-size:1em;font-weight:600;color:#1b1d20}.k-dlg__cancel{display:inline-grid;place-items:center;height:2.2em;padding:0 1.1em;border-radius:99px;background:#eceef1;font-size:.875em;font-weight:600}
