@keyframes wk-scan{0%{left:5%}to{left:90%}}@keyframes wk-flash{0%,70%,to{background:0 0}80%{background:color-mix(in srgb, var(--acc) 25%, transparent)}}@keyframes wk-grow{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes wk-dash{to{stroke-dashoffset:-40px}}@keyframes wk-ripple{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes wk-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--acc2) 55%, transparent)}to{box-shadow:0 0 0 9px #0000}}.wk-bg{background:radial-gradient(ellipse, color-mix(in srgb, var(--acc) 14%, transparent), transparent 65%);pointer-events:none;width:900px;height:600px;position:absolute;top:20%;left:10%}.wk-title{letter-spacing:-.065em;margin:0;font-size:clamp(56px,7vw,112px);font-weight:600;line-height:.88}.wk-card{border:1px solid var(--ln0);background:#080c16;border-radius:16px;flex-direction:column;width:min(64vw,1100px);height:min(70vh,680px);transition:border-color .35s;display:flex;position:relative;overflow:hidden}.wk-card:hover{border-color:var(--acc)}.wk-art{background:var(--bg2);border-radius:10px;flex:auto;margin:10px 10px 0;position:relative;overflow:hidden}.wk-art:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--acc2) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--acc2) 14%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0}.wk-art-phone{background:linear-gradient(180deg, var(--bg2), color-mix(in srgb, var(--acc) 18%, var(--bg2)))}.wk-glow{background:radial-gradient(circle, color-mix(in srgb, var(--acc) 40%, transparent), transparent 65%);width:70%;height:80%;position:absolute;top:25%;left:15%}.wk-frame{border:1px solid var(--ln1);background:var(--bg1);box-shadow:0 -24px 70px -24px color-mix(in srgb, var(--acc) 55%, transparent);transform-origin:bottom;transition:transform .7s var(--ease);border-bottom:0;border-radius:10px 10px 0 0;position:absolute;inset:12% 8% 0;overflow:hidden}.wk-card:hover .wk-frame{transform:perspective(1000px)rotateX(6deg)translateY(-10px)}.wk-bar{border-bottom:1px solid var(--ln0);font-family:var(--font-mono);color:var(--tx2);align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:flex}.wk-bar i{background:var(--ln0);border-radius:50%;width:8px;height:8px}.wk-bar i.bg-acc{background:var(--acc)}.wk-art .tx{background:var(--ln0);border-radius:2px;height:6px;display:block}.wk-row{font-family:var(--font-mono);color:var(--tx2);border-bottom:1px solid #111a2e;grid-template-columns:1.6fr 1.4fr .6fr;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:grid}.wk-flash{animation:2.4s ease-in-out infinite wk-flash}.wk-barcode{background:var(--tx0);box-sizing:border-box;border-radius:4px;gap:2px;height:42px;padding:6px 8px;display:flex;position:relative}.wk-barcode span:not(.wk-scan){background:var(--bg0)}.wk-scan{background:var(--acc2);width:2px;box-shadow:0 0 12px 2px color-mix(in srgb, var(--acc2) 60%, transparent);animation:1.6s cubic-bezier(.7,0,.3,1) infinite alternate wk-scan;position:absolute;top:-4px;bottom:-4px}.wk-grow{transform-origin:bottom;animation:wk-grow 1.4s var(--ease) infinite alternate}.wk-route{stroke-dasharray:4 6;animation:2s linear infinite wk-dash}.wk-ring{border:1px solid color-mix(in srgb, var(--acc2) 60%, transparent);border-radius:50%;width:240px;height:240px;animation:3.2s ease-out infinite wk-ripple;position:absolute;top:60%;left:50%}.wk-phone{border:1px solid var(--ln1);background:var(--bg1);box-sizing:border-box;width:140px;height:290px;box-shadow:0 24px 60px -20px color-mix(in srgb, var(--acc) 55%, transparent);border-radius:26px;position:absolute;overflow:hidden}.wk-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px 22px;display:flex}.wk-meta{font-family:var(--font-mono);color:var(--acc2);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.wk-live{background:var(--acc2);border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite wk-pulse;display:inline-block}.wk-sample{border:1px solid var(--ln1);color:var(--tx1);letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:11px}.wk-name{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.2vw,34px);font-weight:600;line-height:1.05}.wk-summary{color:var(--tx2);margin:0;font-size:15px;line-height:1.55}.wk-more{border:1px solid var(--ln1);min-height:44px;color:var(--tx0);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;text-decoration:none;transition:border-color .3s;display:inline-flex}.wk-more:hover,.wk-card:hover .wk-more{border-color:var(--acc2)}.wk-more:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.wk-card:has(.wk-more:focus-visible){border-color:var(--acc2)}.wk-next{letter-spacing:-.05em;margin:0;font-size:clamp(34px,3.4vw,52px);font-weight:600;line-height:1}@media (max-width:1024px){.wk-card{width:min(86vw,560px);height:clamp(440px,68vh,580px)}.wk-card:hover .wk-frame{transform:none}}@keyframes wk-title-in{0%{opacity:0;filter:blur(14px);letter-spacing:.02em;translate:0 24px}to{opacity:1;filter:blur();letter-spacing:-.065em;translate:0}}.in .wk-title.sec-up{animation:wk-title-in 1.3s var(--ease) .1s both}.wk-card[data-hz-card]{opacity:var(--cf-o,1);transform-origin:50%;will-change:transform, opacity;border-color:color-mix(in srgb, var(--acc) calc(var(--cf-a,0) * 65%), var(--ln0));box-shadow:0 56px 70px -38px color-mix(in srgb, var(--acc) calc(var(--cf-a,0) * 85%), transparent), 0 90px 120px -60px color-mix(in srgb, var(--acc2) calc(var(--cf-a,0) * 45%), transparent)}@keyframes wk-card-in{0%{opacity:0;translate:40vw;rotate:y -30deg}}.in .wk-card{animation:wk-card-in 1.2s var(--ease) calc(.35s + var(--i,0) * .12s) backwards}
