.wk{color:#fff;background:#070b12;border-top:1px solid #172033;justify-content:center;font-family:Almarai,sans-serif;display:flex}.wk-inner{box-sizing:border-box;width:100%;max-width:1320px;padding:128px 48px 120px}.wk-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:72px;display:flex}.wk-tag{color:#5ec1a1;letter-spacing:.3em;background:#5ec1a10d;border:1px solid #5ec1a133;border-radius:999px;margin-bottom:32px;padding:8px 24px;font-size:11px;font-weight:800;display:inline-flex}.wk-head h2{letter-spacing:-.01em;margin:0 0 24px;font-size:clamp(38px,5.6vw,66px);font-weight:800;line-height:1.15}.wk-head p{color:#cbd5e1;max-width:720px;margin:0;font-size:20px}.wk-grid{perspective:1500px;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.wk-card{--r:40px;border-radius:var(--r);color:inherit;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));will-change:transform;background:#0a141d80;border:1px solid #ffffff1a;flex-direction:column;text-decoration:none;transition:border-color .5s,box-shadow .5s,transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.wk-card:hover{--ty:-8px;border-color:#5ec1a14d;box-shadow:0 40px 80px -20px #000c}.wk-img{aspect-ratio:16/11;background:#0a141d;position:relative;overflow:hidden}.wk-slides{transform:translate(var(--px,0px),var(--py,0px)) scale(1.06);transition:transform 1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.wk-card:hover .wk-slides{transform:translate(var(--px,0px),var(--py,0px)) scale(1.14)}.wk-sl{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:0;width:100%;height:100%;transition:opacity 1.1s;position:absolute;inset:0}.wk-sl.on{opacity:1}.wk-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#5ec1a1;background:#070b129e;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;position:absolute;top:20px;right:20px}.wk-dots{z-index:3;direction:rtl;gap:6px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.wk-dots i{background:#ffffff47;border-radius:3px;flex:1;height:3px;position:relative;overflow:hidden}.wk-dots b{transform-origin:100%;background:#5ec1a1;position:absolute;inset:0;transform:scaleX(0)}.wk-dots i.done b{transform:scaleX(1)}.wk-dots i.cur b{animation:5s linear forwards wk-prog;animation-play-state:inherit}@keyframes wk-prog{to{transform:scaleX(1)}}.wk-body{background:#0a141d;flex-direction:column;flex:1;padding:32px;display:flex}.wk-body h3{margin:0 0 16px;font-size:22px;font-weight:800;line-height:1.45;transition:color .4s}.wk-card:hover h3{color:#5ec1a1}.wk-body p{color:#94a3b8;flex:1;margin:0 0 24px;font-size:14px;line-height:1.9}.wk-link{color:#5ec1a1;align-items:center;gap:8px;font-size:14px;font-weight:800;transition:gap .4s;display:flex}.wk-card:hover .wk-link{gap:14px}.wk-spot{border-radius:var(--r);opacity:0;pointer-events:none;z-index:4;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),#5ec1a199,#5ec1a11f 45%,transparent 78%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:1.5px;transition:opacity .5s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}.wk-card:hover .wk-spot{opacity:1}.wk-all{justify-content:center;margin-top:64px;display:flex}.wk-all a{color:#5ec1a1;background:#5ec1a10d;border:1px solid #5ec1a14d;border-radius:999px;justify-content:center;align-items:center;padding:16px 44px;font-size:16px;font-weight:800;text-decoration:none;transition:background .4s,color .4s,transform .4s;display:inline-flex}.wk-all a:hover{color:#0a1d2c;background:#5ec1a1;transform:translateY(-3px)}@media (width<=1000px){.wk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (width<=640px){.wk-inner{padding:80px 24px 70px}.wk-grid{grid-template-columns:minmax(0,1fr);gap:20px}.wk-card{--r:28px}.wk-body{padding:24px}.wk-body h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.wk-card{transform:none}.wk-dots i.cur b{animation:none;transform:scaleX(1)}}.wk-idx{z-index:3;letter-spacing:.2em;color:#ffffff8c;direction:ltr;font-family:IBM Plex Mono,monospace;font-size:12px;position:absolute;top:18px;left:20px}.wk-pop{animation:.55s backwards wk-popin}@keyframes wk-popin{0%{opacity:0}to{opacity:1}}
