.stk{--c1:#2563eb;--c2:#7c3aed;--c3:#06b6d4;--ink:#0a0f24;--ink2:#121a3a;--txt:#1b2333;--mut:#667085;--line:#e4e8f0;--soft:#f6f8fc;--ease:cubic-bezier(.22,.9,.3,1);
  font-family:inherit;color:var(--txt);line-height:1.8;direction:rtl;text-align:right;overflow:hidden;position:relative}
.stk *,.stk *::before,.stk *::after{box-sizing:border-box}
.stk a{text-decoration:none}
.stk-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:18px}
.stk-grad{background:linear-gradient(90deg,#60a5fa,#a78bfa,#22d3ee,#60a5fa);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stk-flow 6s linear infinite}
@keyframes stk-flow{to{background-position:250% 0}}
@keyframes stk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes stk-spin{to{transform:rotate(360deg)}}
@keyframes stk-spin-r{to{transform:rotate(-360deg)}}
@keyframes stk-orb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-40px) scale(1.15)}}
@keyframes stk-glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes stk-hue{to{filter:hue-rotate(360deg)}}
@keyframes stk-marq{to{transform:translateX(-50%)}}
@keyframes stk-marq-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes stk-pulse{0%{box-shadow:0 0 0 0 rgba(124,58,237,.55)}100%{box-shadow:0 0 0 18px rgba(124,58,237,0)}}
@keyframes stk-shine{to{transform:translateX(-260%) skewX(-20deg)}}
@keyframes stk-word{0%{opacity:0;transform:translateY(60%)}15%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-60%)}}
.stk-js .stk-rv{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.stk-js .stk-rv.in{opacity:1;transform:none}

/* Buttons */
.stk-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 28px;min-height:52px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 10px 30px rgba(79,70,229,.45);transition:transform .25s var(--ease),box-shadow .25s}
.stk-btn:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(79,70,229,.6);color:#fff}
.stk-btn:active{transform:scale(.96)}
.stk-btn::after{content:"";position:absolute;inset-block:0;inset-inline-start:100%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg)}
.stk-btn:hover::after{animation:stk-shine .9s}
.stk-btn.pulse{animation:stk-pulse 2s ease-out infinite}
.stk-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.stk-ghost:hover{background:rgba(255,255,255,.16);box-shadow:none}

/* Hero */
.stk-hero{position:relative;background:radial-gradient(1200px 600px at 80% -10%,#1e2a6b 0%,transparent 60%),radial-gradient(900px 500px at 0% 110%,#3b1d72 0%,transparent 55%),var(--ink);color:#fff;padding:84px 0 130px}
.stk-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.stk-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:stk-orb 14s ease-in-out infinite;pointer-events:none}
.stk-orb.o1{width:340px;height:340px;background:#2563eb;inset-block-start:-60px;inset-inline-start:-80px}
.stk-orb.o2{width:300px;height:300px;background:#7c3aed;inset-block-end:40px;inset-inline-end:-60px;animation-delay:-5s}
.stk-orb.o3{width:220px;height:220px;background:#06b6d4;inset-block-start:45%;inset-inline-start:45%;animation-delay:-9s;opacity:.3}
.stk-hero .stk-wrap{position:relative;z-index:2}
.stk-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 16px;font-size:13px;color:#cbd5ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.stk-badge i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.7);animation:stk-pulse 1.8s infinite}
.stk-h1{font-size:clamp(32px,6vw,58px);line-height:1.35;font-weight:900;margin:18px 0 12px;color:#fff}
.stk-words{display:inline-grid;vertical-align:bottom;height:1.5em;overflow:hidden}
.stk-words span{grid-area:1/1;opacity:0;white-space:nowrap;background:linear-gradient(90deg,#60a5fa,#a78bfa,#22d3ee,#60a5fa);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stk-word 12s infinite,stk-flow 6s linear infinite}
.stk-words span:nth-child(2){animation-delay:3s,0s}.stk-words span:nth-child(3){animation-delay:6s,0s}.stk-words span:nth-child(4){animation-delay:9s,0s}
.stk-lead{font-size:clamp(15px,2.2vw,19px);color:#c7d0ee;max-width:560px;margin-bottom:26px}
.stk-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.stk-stats{display:flex;flex-wrap:wrap;gap:12px}
.stk-stat{min-width:104px;text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.stk-stat b{display:block;font-size:28px;line-height:1.2;background:linear-gradient(90deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.stk-stat span{font-size:12px;color:#aab6df}
.stk-art{position:relative;max-width:440px;margin:40px auto 0;animation:stk-float 6s ease-in-out infinite}
.stk-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 50px rgba(37,99,235,.45))}
.stk-spin{transform-box:fill-box;transform-origin:center;animation:stk-spin 2.2s linear infinite}
.stk-spin.r{animation-name:stk-spin-r;animation-duration:3s}
.stk-spin.slow{animation-duration:9s}
.stk-led{animation:stk-glow 1.8s ease-in-out infinite}
.stk-rgb{animation:stk-hue 5s linear infinite}
.stk-chip{position:absolute;display:flex;align-items:center;gap:6px;background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.18);color:#e6ebff;font-size:12px;padding:6px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.35);animation:stk-float 5s ease-in-out infinite;white-space:nowrap}
.stk-chip b{color:#34d399}
.stk-chip.c1{inset-block-start:8%;inset-inline-end:-4%;animation-delay:-1s}
.stk-chip.c2{inset-block-start:46%;inset-inline-start:-6%;animation-delay:-2.5s}
.stk-chip.c3{inset-block-end:10%;inset-inline-end:-2%;animation-delay:-4s}
.stk-wave{position:absolute;inset-inline:0;inset-block-end:-1px;line-height:0;z-index:3}
.stk-wave svg{width:100%;height:70px;display:block}

/* Sections */
.stk-sec{padding:84px 0;position:relative}
.stk-soft{background:var(--soft)}
.stk-eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--c2);background:rgba(124,58,237,.1);border-radius:999px;padding:4px 14px;margin-bottom:10px}
.stk-h2{font-size:clamp(24px,4vw,38px);font-weight:900;line-height:1.45;margin:0 0 10px;color:var(--ink)}
.stk-sub{color:var(--mut);max-width:620px;margin:0 auto 44px;font-size:16px}
.stk-center{text-align:center}

/* Steps */
.stk-steps{position:relative}
.stk-step{position:relative;text-align:center;padding:26px 18px;background:#fff;border:1px solid var(--line);border-radius:22px;height:100%;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px rgba(16,24,40,.06);transition:transform .35s var(--ease),box-shadow .35s}
.stk-step:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(37,99,235,.18)}
.stk-num{width:60px;height:60px;border-radius:50%;margin:-56px auto 14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 10px 24px rgba(79,70,229,.45);animation:stk-pulse 2.6s infinite}
.stk-step h3{font-size:18px;font-weight:800;margin:0 0 6px}
.stk-step p{font-size:14px;color:var(--mut);margin:0}
.stk-steps .row>div{padding-top:34px}

/* Features */
.stk-feat{position:relative;height:100%;background:#fff;border-radius:22px;padding:26px 22px;border:1px solid var(--line);transition:transform .25s var(--ease),box-shadow .35s;transform-style:preserve-3d;will-change:transform;overflow:hidden}
.stk-feat::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.stk-feat:hover{box-shadow:0 22px 50px rgba(79,70,229,.2)}
.stk-feat:hover::before{opacity:1}
.stk-ico{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:14px;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(124,58,237,.18))}
.stk-feat h3{font-size:17px;font-weight:800;margin:0 0 6px}
.stk-feat p{font-size:14px;color:var(--mut);margin:0}

/* Marquee */
.stk-marq{background:var(--ink);padding:30px 0;overflow:hidden;direction:ltr}
.stk-track{display:flex;gap:14px;width:max-content;animation:stk-marq 38s linear infinite;margin-bottom:14px}
.stk-track.rev{animation-name:stk-marq-r;animation-duration:44s;margin-bottom:0}
.stk-marq:hover .stk-track{animation-play-state:paused}
.stk-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#dbe3ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 20px;font-size:15px;direction:rtl}

/* Builder frame */
.stk-bsec{background:radial-gradient(800px 380px at 50% 0,rgba(124,58,237,.14),transparent 70%),linear-gradient(180deg,#fff,var(--soft));padding:84px 0 40px}
.stk-anchor{position:relative;top:-70px;visibility:hidden}
.stk-frame{position:relative;border-radius:28px;padding:3px;background:linear-gradient(120deg,var(--c1),var(--c2),var(--c3),var(--c1));background-size:300% 100%;animation:stk-flow 8s linear infinite;box-shadow:0 30px 80px rgba(79,70,229,.25)}
.stk-frame-in{background:#fff;border-radius:25px;padding:10px}
.stk-bsec .stk-wrap-b{width:100%;max-width:1180px;margin-inline:auto;padding:0 18px 84px}

.stk-frame-widget{--c1:#2563eb;--c2:#7c3aed;--c3:#06b6d4;width:calc(100% - 28px);max-width:1180px;margin:0 auto 84px!important}
.stk-frame-widget>.elementor-widget-container,.stk-frame-widget>.stk-fw-in{padding:3px;border-radius:28px;background:linear-gradient(120deg,var(--c1),var(--c2),var(--c3),var(--c1));background-size:300% 100%;animation:stk-flow 8s linear infinite;box-shadow:0 30px 80px rgba(79,70,229,.25)}
.stk-frame-widget .setak-pcb{border-radius:25px}
/* FAQ */
.stk-faq{max-width:820px;margin-inline:auto}
.stk-q{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:12px;overflow:hidden;transition:box-shadow .3s,border-color .3s}
.stk-q:hover,.stk-q.open{border-color:#c7d2fe;box-shadow:0 10px 30px rgba(79,70,229,.12)}
.stk-qb{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;padding:18px 20px;font:inherit;font-weight:800;font-size:16px;color:var(--ink);text-align:right;cursor:pointer}
.stk-qb::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));transition:transform .35s var(--ease)}
.stk-q.open .stk-qb::after{transform:rotate(135deg)}
.stk .collapse:not(.show){display:none}
.stk .collapsing{height:0;overflow:hidden;transition:height .35s ease}
.stk-qa{padding:0 20px 18px;color:var(--mut);font-size:15px}

/* Final CTA */
.stk-final{position:relative;padding:76px 0;background:linear-gradient(135deg,#1d4ed8,#6d28d9);color:#fff;text-align:center;overflow:hidden}
.stk-final::before,.stk-final::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:stk-orb 12s ease-in-out infinite}
.stk-final::before{width:320px;height:320px;inset-block-start:-120px;inset-inline-start:-80px}
.stk-final::after{width:240px;height:240px;inset-block-end:-90px;inset-inline-end:-40px;animation-delay:-6s}
.stk-final h2{font-size:clamp(24px,4vw,38px);font-weight:900;margin:0 0 10px;color:#fff;position:relative}
.stk-final p{color:#e0e7ff;margin:0 0 24px;position:relative}
.stk-final .stk-btn{background:#fff;color:#4338ca;box-shadow:0 14px 36px rgba(0,0,0,.28);position:relative}
.stk-final .stk-btn:hover{color:#312e81}

@media (max-width:767px){.stk-hero{padding:56px 0 110px}.stk-sec{padding:56px 0}.stk-chip{display:none}.stk-art{max-width:300px}.stk-cta .stk-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.stk *,.stk *::before,.stk *::after{animation:none!important;transition:none!important}.stk-js .stk-rv{opacity:1;transform:none}}
