/* أقسام القمع (xk-: «قمّة») والمنتج الرقمي (xn-: «حقيبة»). الألوان كلها من متغيرات الهوية، فتأخذ أي لوحة يختارها صاحب الموقع */
.xk{--k-s1:color-mix(in srgb,var(--x-ac) 2%,color-mix(in srgb,var(--x-ink) 2.5%,var(--x-bg)));--k-s2:color-mix(in srgb,var(--x-ac) 4%,color-mix(in srgb,var(--x-ink) 5%,var(--x-bg)));--k-mute:color-mix(in srgb,color-mix(in srgb,var(--x-ink) 80%,var(--x-ac)) 72%,var(--x-bg));--k-line:color-mix(in srgb,var(--k-mute) 18%,var(--k-s1));--k-on:color-mix(in srgb,var(--x-ac) 15%,#000);--k-ok:#38d39f;--k-in:color-mix(in srgb,#000 40%,var(--x-bg));--k-ac3:color-mix(in srgb,var(--x-ac) 70%,var(--x-ac2));color:var(--x-ink);font-family:var(--x-fb)}
.xk h1,.xk h2,.xk h3{font-family:var(--x-fd);margin:0;line-height:1.25;color:inherit}
.xk p{margin:0}
.xk .num{font-variant-numeric:tabular-nums}
.xk-mute{color:var(--k-mute)}
.xk-small{font-size:12px;color:var(--k-mute);text-align:center;margin:0}
.xk-k{font-size:13px;color:var(--x-ac2);font-weight:600}
.xk-ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--k-s2),var(--k-s1))}
.xt-header:has(.xk-hdr),.xt-header:has(.xn-hdr){padding-block:0}
.xk-glow{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--x-ac) 18%,transparent),transparent);top:-520px;left:-260px;pointer-events:none;animation:xk-drift 14s ease-in-out infinite alternate}
@keyframes xk-drift{to{transform:translate(160px,120px)}}
.xk-mk{display:none}
.xw:has(>.xk),.xw:has(>.xn),.xk-hdr .xw,.xn-hdr .xw,.xk-sticky .xw,.xn-buybar .xw{max-width:1180px;padding-inline:20px}
.xk-fxhost{direction:rtl;text-align:right;font-family:var(--x-fb);color:var(--x-ink)}
/* الرأس */
.xk-urg{position:relative;z-index:2;background:linear-gradient(90deg,var(--x-ac),var(--k-ac3));color:var(--k-on);font-weight:700;font-size:13.5px}
.xk-urg .xw{display:flex;align-items:center;justify-content:center;gap:14px;min-height:38px;flex-wrap:wrap;padding-block:4px}
.xk-urg b{font-family:var(--x-fd);font-size:15px;direction:ltr;display:inline-block}
.xk-dot{width:8px;height:8px;border-radius:50%;background:var(--k-on);animation:xk-blink 1s infinite}
@keyframes xk-blink{50%{opacity:.2}}
.xk-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
.xk-brand{display:flex;align-items:center;gap:9px;font-family:var(--x-fd);font-weight:800;font-size:22px;color:var(--x-ink);text-decoration:none}
.xk-lg{width:32px;height:32px;display:grid;place-items:center}
.xk-lg svg{width:32px;height:32px}
.xk-steps{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--k-mute)}
.xk-steps span{display:flex;align-items:center;gap:6px}
.xk-steps em{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--k-s2);font-weight:700;font-size:12px}
.xk-steps span.on{color:var(--x-ink)}.xk-steps span.on em{background:var(--x-ac);color:var(--k-on)}
.xk-steps i{width:26px;height:2px;background:var(--k-line);border-radius:2px}
.xk-prog{height:4px;background:color-mix(in srgb,var(--x-ink) 6%,transparent)}
.xk-prog.fix{position:fixed;top:0;inset-inline:0;z-index:60}
.xk-prog b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--x-ac2),var(--x-ac));transition:width .2s;margin-inline-end:auto}
.xk-hdr{position:relative}
.xk-hdr.pf{padding-bottom:4px}
/* البطل */
.xk-hero{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding-block:0 10px}
.xk-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--k-line);border-radius:99px;padding:4px 12px 4px 8px;background:color-mix(in srgb,var(--x-ink) 3%,transparent);width:max-content;max-width:100%}
.xk-live i{width:9px;height:9px;border-radius:50%;background:var(--k-ok);box-shadow:0 0 0 0 var(--k-ok);animation:xk-pl 1.6s infinite;flex:none}
@keyframes xk-pl{to{box-shadow:0 0 0 10px transparent}}
.xk-hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:800;margin-block:14px 12px}
.xk h1 em,.xk-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--x-ac2),var(--x-ac));-webkit-background-clip:text;background-clip:text;color:transparent}
.xk-lead{color:var(--k-mute);font-size:17px}
.xk-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.xk-meta>span{display:inline-flex;align-items:center;gap:6px;background:var(--k-s1);border:1px solid var(--k-line);border-radius:10px;padding:5px 11px;font-size:13.5px}
.xk-meta svg{width:16px;height:16px;color:var(--x-ac2);flex:none}
.xk-cd{display:flex;gap:8px;margin-top:18px;direction:ltr;justify-content:flex-end}
.xk-cd.st{justify-content:flex-end}
.xk-cd div{background:var(--k-s1);border:1px solid var(--k-line);border-radius:14px;min-width:74px;padding:8px 6px;text-align:center}
.xk-cd b{display:block;font-family:var(--x-fd);font-size:30px;line-height:1.1}
.xk-cd small{font-size:11.5px;color:var(--k-mute)}
.xk-reg{background:linear-gradient(160deg,var(--k-s2),var(--k-s1));border:1px solid var(--k-line);border-radius:22px;padding:22px;display:grid;gap:12px;box-shadow:0 40px 80px -40px #000;position:relative}
.xk-reg::before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(140deg,var(--x-ac),transparent 40%,transparent 60%,var(--x-ac2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.xk-reg h3{font-size:20px}
.xk-host{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--k-mute)}
.xk-host img,.xk-host .xk-ph{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--x-ac);flex:none}
.xk-fld{display:grid;gap:5px;font-size:13px;color:var(--k-mute)}
.xk-fld input{background:var(--k-in);border:1px solid var(--k-line);border-radius:12px;padding:11px 13px;color:var(--x-ink);font:inherit;min-width:0}
.xk-fld input:focus{border-color:var(--x-ac);outline:none}
.xk .xf-err,.xk-fld input.xf-err{border-color:#ff5d5d}
.xk-btn{border:0;border-radius:14px;padding:13px 22px;font-weight:700;font-family:var(--x-fd);font-size:17px;background:linear-gradient(90deg,var(--x-ac),var(--k-ac3));color:var(--k-on);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 30px -12px color-mix(in srgb,var(--x-ac) 60%,transparent);position:relative;overflow:hidden;text-decoration:none;cursor:pointer;line-height:1.4}
.xk-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff55 50%,transparent 70%);transform:translateX(100%);animation:xk-shine 3s infinite}
@keyframes xk-shine{60%,100%{transform:translateX(-100%)}}
.xk-seats{display:grid;gap:6px;font-size:13px}
.xk-sbar{height:9px;border-radius:9px;background:color-mix(in srgb,var(--x-ink) 7%,transparent);overflow:hidden}
.xk-sbar b{display:block;height:100%;background:linear-gradient(90deg,var(--x-ac2),var(--x-ac));border-radius:9px;animation:xk-grow 1.6s cubic-bezier(.2,.7,.2,1);transition:width .6s}
@keyframes xk-grow{from{width:0}}
.xk-seats>div:first-child{display:flex;justify-content:space-between;gap:8px;color:var(--k-mute)}
.xk-seats strong{color:var(--x-ac2)}
.xk-reg.xf-ok{min-height:200px;align-content:center;justify-items:center;text-align:center}
.xk .xf-done{display:grid;gap:8px;justify-items:center;text-align:center}
.xk .xf-done>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--k-ok);color:#05301f}
.xk .xf-done>span svg{width:26px;height:26px}
.xk .xf-done b{font-family:var(--x-fd);font-size:20px}
/* عناوين الأقسام */
.xk-sh{display:grid;gap:6px;margin-bottom:20px;text-align:center;justify-items:center}
.xk-sh .xk-k{font-size:13px}
.xk-sh h2{font-size:clamp(26px,3.2vw,38px)}
.xk-sh p{color:var(--k-mute);margin:0}
/* القمع */
.xk-funnel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.xk-fst{display:grid;gap:10px}
.xk-fr{height:56px;border-radius:14px;background:color-mix(in srgb,var(--x-ink) 3%,transparent);margin-inline:auto;position:relative;overflow:hidden;border:1px solid var(--k-line)}
.xk-fr>b{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--x-ac) 20%,transparent),color-mix(in srgb,var(--x-ac) 80%,transparent));transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.xk-fr.in>b{width:100%}
.xk-fr>b::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff2e 50%,transparent 70%);animation:xk-shine 2.6s infinite}
.xk-fr>span{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 16px;font-weight:600;gap:8px}
.xk-fr em{font-style:normal;font-family:var(--x-fd);font-size:22px}
.xk-fcopy{display:grid;gap:12px}
.xk-fcopy h3{font-size:24px}
.xk-fcopy p{color:var(--k-mute)}
.xk-pt{display:flex;gap:10px;align-items:flex-start}
.xk-pt i{flex:none;width:28px;height:28px;border-radius:9px;background:var(--k-s2);display:grid;place-items:center;font-style:normal;color:var(--x-ac2);font-weight:700}
/* الأسرار */
.xk-secrets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xk-sec{perspective:1000px;min-height:240px;cursor:pointer;outline-offset:4px}
.xk-sec>div{position:relative;height:100%;min-height:240px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.xk-sec.flip>div{transform:rotateY(180deg)}
@media (hover:hover){.xk-sec:hover>div{transform:rotateY(180deg)}}
.xk-sec .f,.xk-sec .b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;padding:22px;display:grid;align-content:start;gap:10px;border:1px solid var(--k-line)}
.xk-sec .f{background:var(--k-s1)}
.xk-sec .b{background:linear-gradient(160deg,var(--x-ac),color-mix(in srgb,var(--x-ac) 62%,#000));transform:rotateY(180deg);color:#fff}
.xk-sec .n{font-family:var(--x-fd);font-size:54px;line-height:1;color:var(--x-ac2);opacity:.9}
.xk-sec .b .n{color:#fff}
.xk-sec h3{font-size:20px}
.xk-sec p{color:var(--k-mute);font-size:14.5px}
.xk-sec .b p{color:#fff}
.xk-sec small{color:var(--k-mute);font-size:12px;align-self:end}
/* المقدّم */
.xk-hostsec{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.xk-orbit{position:relative;aspect-ratio:1;max-width:420px;width:100%;margin-inline:auto}
.xk-oph{position:absolute;inset:14%;border-radius:50%;overflow:hidden;border:3px solid var(--x-ac)}
.xk-oph img,.xk-oph .xk-ph{width:100%;height:100%;object-fit:cover}
.xk-ring{position:absolute;inset:4%;border:1px dashed color-mix(in srgb,var(--x-ink) 14%,transparent);border-radius:50%;animation:xk-rot 40s linear infinite}
.xk-ring2{position:absolute;inset:0;animation:xk-rot 26s linear infinite}
@keyframes xk-rot{to{transform:rotate(360deg)}}
.xk-chip{position:absolute;transform:translate(-50%,-50%)}
.xk-chip>span{background:var(--k-s2);border:1px solid var(--k-line);border-radius:14px;padding:6px 12px;display:grid;line-height:1.3;animation:xk-rot 26s linear infinite reverse;box-shadow:0 14px 30px -14px #000;white-space:nowrap}
.xk-chip b{font-family:var(--x-fd);font-size:22px;color:var(--x-ac2)}
.xk-chip small{font-size:11.5px;color:var(--k-mute)}
.xk-hostcopy{display:grid;gap:12px}
.xk-hostcopy h2{font-size:clamp(26px,3vw,36px)}
.xk-hostcopy p{color:var(--k-mute)}
.xk-logos{display:flex;gap:10px;flex-wrap:wrap}
.xk-logos span{border:1px solid var(--k-line);border-radius:10px;padding:4px 12px;font-size:13px;color:var(--k-mute)}
/* البرنامج */
.xk-agenda{display:grid;gap:10px;max-width:860px;margin:0 auto}
.xk-ag{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}
.xk-ag .t{font-family:var(--x-fd);font-size:18px;color:var(--x-ac2);text-align:center}
.xk-ag .bx{background:var(--k-s1);border:1px solid var(--k-line);border-radius:14px;padding:12px 16px;padding-inline-end:64px;position:relative;overflow:hidden}
.xk-ag .bx::before{content:"";position:absolute;inset:0 0 0 auto;width:0;background:color-mix(in srgb,var(--x-ac) 8%,transparent);transition:width 1.2s cubic-bezier(.2,.7,.2,1) .2s}
.in .xk-ag .bx::before{width:var(--w)}
.xk-ag .bx b{position:relative}
.xk-ag .bx em{position:absolute;top:12px;left:14px;font-style:normal;font-size:12px;color:var(--k-mute)}
/* النتائج */
.xk-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.xk-rg{background:var(--k-s1);border:1px solid var(--k-line);border-radius:18px;padding:18px;display:grid;justify-items:center;gap:6px;text-align:center}
.xk-rg svg{width:110px;height:110px;transform:rotate(-90deg)}
.xk-rg circle{fill:none;stroke-width:9}
.xk-rg .bg{stroke:color-mix(in srgb,var(--x-ink) 7%,transparent)}
.xk-rg .fg{stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.7,.2,1)}
.in .xk-rg .fg{stroke-dashoffset:var(--o)}
.xk-rg>b{font-family:var(--x-fd);font-size:26px;margin-top:-78px;margin-bottom:40px;line-height:1.2}
.xk-rg small{color:var(--k-mute);font-size:13px}
/* الآراء */
.xk-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xk-vc{background:var(--k-s1);border:1px solid var(--k-line);border-radius:20px;padding:20px;display:grid;gap:12px;align-content:start;transition:transform .3s,border-color .3s}
.xk-vc.on{border-color:var(--x-ac);transform:translateY(-6px)}
.xk-vc q{font-size:15px;line-height:1.75;quotes:"«" "»"}
.xk-who{display:flex;align-items:center;gap:10px}
.xk-who img,.xk-who .xk-ph{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.xk-who b{display:block}
.xk-who img,.xk-host img,.xn-rv .who2 img{object-position:50% 22%}
.xk-who small{display:block;color:var(--k-mute);font-size:12px}
.xk-res{font-size:12.5px;color:var(--k-ok);background:color-mix(in srgb,var(--k-ok) 8%,transparent);border-radius:8px;padding:2px 9px;width:max-content;max-width:100%}
/* المقاعد */
.xk-seatwall{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:var(--k-s1);border:1px solid var(--k-line);border-radius:24px;padding:26px}
.xk-seatwall h2{font-size:30px;margin-block:8px}
.xk-grid50{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:10px}
.xk-grid50 i{aspect-ratio:1;border-radius:7px;background:color-mix(in srgb,var(--x-ink) 6%,transparent);transition:background .4s}
.xk-grid50 i.t{background:var(--x-ac)}
.xk-grid50 i.new{animation:xk-pop .6s}
@keyframes xk-pop{50%{transform:scale(1.35);background:var(--x-ac2)}}
/* الأسئلة */
.xk-faq,.xn-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.xk details{background:var(--k-s1);border:1px solid var(--k-line);border-radius:14px;padding:13px 16px}
.xk summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}
.xk summary::-webkit-details-marker{display:none}
.xk summary::after{content:"+";color:var(--x-ac2);font-size:18px;line-height:1}
.xk details[open] summary::after{content:"−"}
.xk details p{margin:8px 0 0;color:var(--k-mute);font-size:14.5px}
.xk-final{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--x-ac) 26%,var(--x-bg)),var(--k-s1) 60%);border:1px solid var(--k-line);border-radius:26px;padding:30px}
.xk-final h2{font-size:clamp(26px,3vw,38px)}
.xk-final .xk-mute{margin-top:8px}
.xk-cd.st{justify-content:flex-start}
/* الإشعار */
.xk-toast{position:fixed;bottom:calc(20px + var(--tzd-h,0px));right:20px;z-index:70;background:#fff;color:#2a1305;border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:0 16px 40px -14px #000a;transform:translateY(160%);transition:transform .45s cubic-bezier(.2,.7,.2,1),bottom .3s;font-family:var(--x-fb);max-width:calc(100vw - 40px)}
.xk-toast.on{transform:none}
.xk-toast i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--x-ac2),var(--x-ac));display:grid;place-items:center;font-style:normal;font-weight:800;color:var(--k-on,#2a0f02);flex:none}
.xk-toast small{display:block;color:#8a6a55}
.xk-toast.n{color:var(--x-ink);border:1px solid color-mix(in srgb,var(--x-deep) 14%,#fff);box-shadow:0 18px 40px -16px color-mix(in srgb,var(--x-ink) 40%,transparent)}
.xk-toast.n i{background:var(--x-ac2);color:var(--x-ink)}
.xk-toast.n small{color:color-mix(in srgb,var(--x-ink) 60%,#fff)}
body.xk-hasbar .xk-toast{bottom:calc(84px + var(--tzd-h,0px))}
/* الشكر */
.xk-thx{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding-block:4px}
.xk-col{display:grid;gap:14px}
.xk-thx h1{font-size:clamp(32px,4vw,50px)}
.xk-ticket{position:relative;background:linear-gradient(150deg,var(--x-ac),color-mix(in srgb,var(--x-ac) 75%,#000));color:#fff;border-radius:22px;padding:24px;display:grid;gap:10px;box-shadow:0 40px 80px -40px #000;transform:rotate(-2deg);animation:xk-tick 5s ease-in-out infinite}
@keyframes xk-tick{50%{transform:rotate(1deg) translateY(-6px)}}
.xk-ticket::before,.xk-ticket::after{content:"";position:absolute;top:58%;width:26px;height:26px;border-radius:50%;background:var(--x-bg)}
.xk-ticket::before{right:-13px}.xk-ticket::after{left:-13px}
.xk-ticket .tk{font-size:12px;opacity:.85}
.xk-ticket h3{font-size:24px}
.xk-ticket .row{display:flex;justify-content:space-between;gap:10px;border-top:2px dashed #ffffff66;padding-top:12px;margin-top:6px;font-size:13px;align-items:center}
.xk-ticket .row small{display:block}
.xk-ticket .row b{display:block;font-family:var(--x-fd);font-size:16px}
.xk-ticket .qr{width:70px;height:70px;flex:none;background:repeating-linear-gradient(90deg,#fff 0 4px,transparent 4px 7px),repeating-linear-gradient(0deg,#fff 0 4px,transparent 4px 9px);border-radius:6px;opacity:.9}
.xk-cal{display:flex;gap:8px;flex-wrap:wrap}
.xk-cal button{border:1px solid var(--k-line);background:var(--k-s1);border-radius:11px;padding:8px 14px;font:inherit;font-weight:600;color:var(--x-ink);cursor:pointer;transition:border-color .2s}
.xk-cal button:hover,.xk-cal button.ok{border-color:var(--x-ac)}
.xk-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xk-three>*,.xk-card>*{min-width:0}
.xk-card{background:var(--k-s1);border:1px solid var(--k-line);border-radius:20px;padding:20px;display:grid;gap:12px;align-content:start}
.xk-card h3{font-size:19px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xk-unlock{display:grid;gap:8px}
.xk-ubar{height:12px;border-radius:9px;background:color-mix(in srgb,var(--x-ink) 7%,transparent);overflow:hidden}
.xk-ubar b{display:block;height:100%;background:linear-gradient(90deg,var(--k-ok),color-mix(in srgb,var(--k-ok) 55%,#fff));width:var(--w);transition:width .6s;margin-inline-end:auto}
.xk-dots{display:flex;justify-content:space-between;font-size:12px;color:var(--k-mute)}
.xk-dots .on{color:var(--k-ok)}
.xk-sharebtns{display:flex;gap:8px;flex-wrap:wrap}
.xk-sharebtns button{border:0;border-radius:11px;padding:8px 14px;font:inherit;font-weight:700;background:var(--k-s2);color:var(--x-ink);cursor:pointer}
.xk-sharebtns button:hover{background:color-mix(in srgb,var(--x-ac) 20%,var(--k-s2))}
.xk-wa{display:flex;align-items:center;gap:10px;background:#25d36612;border:1px solid #25d36640;border-radius:14px;padding:12px}
.xk-wa input{flex:1;min-width:0;background:var(--k-in);border:1px solid var(--k-line);border-radius:10px;color:var(--x-ink);padding:9px 12px;font:inherit}
.xk-wa a{border:0;border-radius:10px;background:#25d366;color:#05300f;font-weight:700;padding:9px 14px;text-decoration:none;flex:none}
.xk-wa.xf-ok{display:block;color:#25d366}
.xk-wa.xf-ok .xf-done{justify-items:start;text-align:start}
.xk-wa.xf-ok .xf-done>span{width:34px;height:34px;background:#25d366}
.xk-wa.xf-ok .xf-done b{font-size:15px}
.xk-cap{font-size:14px}
.xf-ok .xf-done .xb{display:none}
.xk-confetti{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden}
.xk-confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:xk-fall linear forwards}
@keyframes xk-fall{to{transform:translateY(110vh) rotate(720deg)}}
/* العرض */
.xk-ofhero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding-block:4px;position:relative;z-index:2}
.xk-ofhero h1{font-size:clamp(32px,4.2vw,54px)}
.xk-ofhero h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--x-ac2)}
.xk-stack{background:var(--k-s1);border:1px solid var(--k-line);border-radius:22px;padding:22px;display:grid;gap:10px}
.xk-stt{font-family:var(--x-fd);font-size:18px}
.xk-si{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:14.5px}
.xk-si .b{grid-column:1/-1;height:10px;border-radius:9px;background:color-mix(in srgb,var(--x-ink) 5%,transparent);overflow:hidden}
.xk-si .b b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--x-ac2),var(--x-ac));border-radius:9px;transition:width 1.2s cubic-bezier(.2,.7,.2,1);margin-inline-end:auto}
.in .xk-stack .xk-si .b b{width:var(--w)}
.xk-si s{color:var(--k-mute)}
.xk-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--k-line);padding-top:12px;margin-top:4px;gap:10px;flex-wrap:wrap}
.xk-tot s{color:var(--k-mute);font-family:var(--x-fd);font-size:20px}
.xk-tot strong{font-family:var(--x-fd);font-size:40px;color:var(--x-ac2);line-height:1.2}
.xk-tot small{font-size:16px}
.xk-plan{display:flex;background:var(--k-s2);border-radius:12px;padding:4px;gap:4px;width:max-content;max-width:100%}
.xk-plan button{border:0;background:transparent;border-radius:9px;padding:6px 14px;font:inherit;font-weight:600;color:var(--k-mute);cursor:pointer}
.xk-plan button.on{background:var(--x-ac);color:var(--k-on)}
.xk-bonus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xk-bn{border:1px dashed var(--x-ac2);border-radius:18px;padding:18px;display:grid;gap:8px;background:color-mix(in srgb,var(--x-ac2) 4%,transparent);position:relative;overflow:hidden;align-content:start}
.xk-bn .tg{font-size:12px;color:var(--x-ac2);font-weight:700}
.xk-bn h3{font-size:17px}
.xk-bn p{color:var(--k-mute);font-size:13.5px}
.xk-bn s{color:var(--k-mute);font-size:12.5px}
.xk-bn .lock{position:absolute;inset:0;background:color-mix(in srgb,var(--x-bg) 90%,transparent);display:grid;place-items:center;align-content:center;font-weight:700;gap:4px;text-align:center;padding:12px;transition:opacity .6s}
.xk-bn .lock i{font-style:normal;font-size:22px}
.xk-bn .lock small{color:var(--k-mute);font-weight:400}
.xk-modules{display:grid;gap:10px}
.xk details.xk-mod{padding:10px 14px}
.xk-mod summary{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center}
.xk-mod .mt{font-family:var(--x-fd);font-size:18px;font-weight:600}
.xk details.xk-mod p{margin:10px 0 4px;margin-inline-start:90px}
.xk-mod .wk{background:var(--k-s2);border-radius:12px;padding:6px;text-align:center;font-family:var(--x-fd);line-height:1.2}
.xk-mod .wk small{font-size:11px;color:var(--k-mute)}
.xk-mod .wk b{display:block;font-size:22px;color:var(--x-ac2);line-height:1.1}
.xk-guar{display:flex;gap:24px;align-items:center;background:var(--k-s1);border:1px solid var(--k-line);border-radius:24px;padding:24px}
.xk-guar h2{font-size:28px}
.xk-guar p{margin-top:8px}
.xk-stamp{width:150px;height:150px;flex:none;border-radius:50%;border:3px dashed var(--x-ac2);display:grid;place-items:center;text-align:center;font-family:var(--x-fd);color:var(--x-ac2);animation:xk-rot 30s linear infinite}
.xk-stamp div{animation:xk-rot 30s linear infinite reverse}
.xk-stamp b{display:block;font-size:42px;line-height:1}
.xt-kbar{padding:0!important}
.xk-sticky{position:fixed;bottom:var(--tzd-h,0px);inset-inline:0;z-index:50;background:color-mix(in srgb,var(--k-s1) 95%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--k-line)}
.xk-sticky .xw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;flex-wrap:wrap}
.xk-bp{font-family:var(--x-fd);font-size:20px}
.xk-sticky s{color:var(--k-mute)}
/* إعادة البث */
.xk-player{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;padding-block:0;position:relative;z-index:2}
.xk-scr{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:#000}
.xk-scr>img,.xk-scr>.xk-ph{width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform 8s linear,opacity .4s}
.xk-scr.play>img{transform:scale(1.08);opacity:.9}
.xk-scr iframe,.xk-scr video{position:absolute;inset:0;width:100%;height:100%;border:0}
.xk-pl{position:absolute;inset:0;margin:auto;width:80px;height:80px;border-radius:50%;background:var(--x-ac);display:grid;place-items:center;border:0;box-shadow:0 0 0 12px color-mix(in srgb,var(--x-ac) 20%,transparent);animation:xk-pl2 2s infinite;cursor:pointer;transition:opacity .3s}
@keyframes xk-pl2{50%{box-shadow:0 0 0 22px color-mix(in srgb,var(--x-ac) 7%,transparent)}}
.xk-pl svg{width:30px;height:30px;color:var(--k-on);margin-left:-4px}
.xk-scr.play .xk-pl{opacity:0}
.xk-scr.play:hover .xk-pl{opacity:1}
.xk-scr.play .xk-pl svg{margin-left:0}
.xk-mini .xk-pl{width:58px;height:58px}
.xk-mini{border-radius:14px;aspect-ratio:16/10}
.xk-tl{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(0deg,#000c,transparent)}
.xk-tl .b{height:5px;border-radius:5px;background:#ffffff33;position:relative}
.xk-tl .b b{position:absolute;inset:0 0 0 auto;width:var(--w);background:var(--x-ac);border-radius:5px;transition:width .4s}
.xk-tl .b i{position:absolute;top:-4px;width:3px;height:13px;background:var(--x-ac2);border-radius:2px}
.xk-ptitle{font-size:24px;margin-top:14px}
.xk-av{margin-top:4px}
.xk-av b{direction:ltr;display:inline-block}
.xk-side{display:grid;gap:12px;align-content:start}
.xk-chap{display:grid;gap:6px}
.xk-chap button{border:1px solid var(--k-line);background:var(--k-s1);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:54px 1fr;gap:10px;text-align:right;align-items:center;font:inherit;color:var(--x-ink);cursor:pointer}
.xk-chap button.on{border-color:var(--x-ac);background:color-mix(in srgb,var(--x-ac) 8%,transparent)}
.xk-chap b{font-family:var(--x-fd);color:var(--x-ac2)}
.xk-ocard{border-color:var(--x-ac)}
.xk-ocard .xk-btn{justify-self:start}
/* تذييل بسطر */
.xfd-foot{border-top:1px solid color-mix(in srgb,var(--x-ink) 12%,transparent);padding-block:22px;color:color-mix(in srgb,var(--x-ink) 60%,var(--x-bg));font-size:12.5px;text-align:center}
.xfd-foot nav{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.xfd-foot a{color:inherit;text-decoration:none;font-weight:600}
.xfd-foot a:hover{color:var(--x-ac)}
.xfd-foot p{margin:0}
.xt-footer:has(.xfd-foot){padding-block:0;background:transparent}
body.xk-hasbar .xt-footer:has(.xfd-foot){padding-bottom:70px}
/* نافذة توضيح */
.xk-ov{position:fixed;inset:0;z-index:90;background:#05070ccc;backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.xk-modal{width:min(440px,100%);background:#fff;color:#14151c;border-radius:22px;padding:26px;display:grid;gap:12px;text-align:center;justify-items:center;animation:xk-mi .3s;font-family:var(--x-fb)}
@keyframes xk-mi{from{transform:translateY(16px) scale(.97);opacity:0}}
.xk-modal h3{font-family:var(--x-fd);font-size:20px;margin:0}
.xk-modal p{margin:0;color:#5b6070;font-size:14px}
.xk-modal button,.xk-modal a{border:0;border-radius:11px;padding:9px 18px;font:inherit;font-weight:700;background:#14151c;color:#fff;cursor:pointer;text-decoration:none}

/* ===================== حقيبة ===================== */
.xn{--n-s1:var(--x-surface);--n-s2:color-mix(in srgb,var(--x-deep) 5%,var(--x-bg));--n-line:color-mix(in srgb,var(--x-deep) 14%,#fff);--n-mute:color-mix(in srgb,color-mix(in srgb,var(--x-ink) 70%,var(--x-deep)) 70%,var(--x-bg));--n-ok:#13a874;--n-star:#f5a700;color:var(--x-ink);font-family:var(--x-fb)}
.xn h1,.xn h2,.xn h3{font-family:var(--x-fd);margin:0;line-height:1.25;color:inherit}
.xn p{margin:0}
.xn .num{font-variant-numeric:tabular-nums}
.xn-mute{color:var(--n-mute)}
.xn-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px}
.xn-brand{display:flex;align-items:center;gap:9px;font-family:var(--x-fd);font-weight:800;font-size:22px;color:var(--x-ink);text-decoration:none}
.xn-lg{width:34px;height:34px;border-radius:10px;background:var(--x-deep);display:grid;place-items:center;color:var(--x-ac2);font-style:normal}
.xn-lg svg{width:20px;height:20px}
.xn-nav{display:flex;gap:4px}
.xn-nav a{padding:6px 12px;border-radius:9px;color:var(--n-mute);text-decoration:none}
.xn-nav a:hover,.xn-nav a.on{background:var(--n-s2);color:var(--x-ink)}
.xn-cartb{border:0;border-radius:12px;background:var(--x-ink);color:#fff;padding:9px 16px;font-weight:700;font-family:var(--x-fd);text-decoration:none;white-space:nowrap}
.xn-dhero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-block:0}
.xn-rate{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--n-mute);background:#fff;border:1px solid var(--n-line);border-radius:99px;padding:4px 12px;width:max-content;max-width:100%}
.xn-rate.ok{color:var(--n-ok)}
.xn-rate b{color:var(--x-ink)}
.xn-st{color:var(--n-star);letter-spacing:1px}
.xn-dhero h1{font-size:clamp(34px,4.4vw,56px);font-weight:800;margin-block:14px 12px}
.xn-dhero h1 em{font-style:normal;color:var(--x-ac);position:relative;z-index:0}
.xn-dhero h1 em::after{content:"";position:absolute;inset:auto 0 4px 0;height:10px;background:var(--x-ac2);opacity:.45;z-index:-1;border-radius:4px}
.xn-lead{color:var(--n-mute);font-size:17px}
.xn-gets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.xn-gets span{display:flex;align-items:center;gap:8px;font-size:14px}
.xn-gets i{width:22px;height:22px;flex:none;border-radius:7px;background:color-mix(in srgb,var(--n-ok) 10%,transparent);color:var(--n-ok);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px}
.xn-pricebox{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.xn-pricebox strong{font-family:var(--x-fd);font-size:44px;font-weight:800;line-height:1.2}
.xn-pricebox s{color:var(--n-mute);font-size:18px}
.xn-pricebox .off{background:var(--x-ac);color:#fff;border-radius:10px;padding:2px 10px;font-weight:700}
.xn-btn{border:0;border-radius:14px;padding:14px 24px;font-weight:800;font-family:var(--x-fd);font-size:17px;background:var(--x-ac);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 30px -14px var(--x-ac);transition:transform .2s;text-decoration:none;cursor:pointer;line-height:1.4}
.xn-btn:hover{transform:translateY(-2px)}
.xn-btn svg{width:20px;height:20px}
.xn-btn.g{background:#fff;color:var(--x-ink);border:1px solid var(--n-line);box-shadow:none}
.xn-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.xn-cdm{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--n-mute);flex-wrap:wrap}
.xn-cdm svg{width:16px;height:16px}
.xn-cdm b{font-family:var(--x-fd);color:var(--x-ink);direction:ltr;display:inline-block;background:#fff;border:1px solid var(--n-line);border-radius:8px;padding:0 8px}
/* المجسّم */
.xn-stage{position:relative;height:460px;display:grid;place-items:center;perspective:1200px;cursor:grab;touch-action:pan-y;user-select:none}
.xn-stage:active{cursor:grabbing}
.xn-stage .halo{position:absolute;width:380px;height:380px;max-width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--x-ac2) 40%,transparent),transparent);animation:xn-breathe 4s ease-in-out infinite}
@keyframes xn-breathe{50%{transform:scale(1.15);opacity:.6}}
.xn-stage .ring{position:absolute;width:420px;height:420px;max-width:96%;aspect-ratio:1;border-radius:50%;border:1px dashed color-mix(in srgb,var(--x-deep) 20%,transparent);animation:xk-rot 50s linear infinite}
.xn-box3d{width:230px;height:300px;position:relative;transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(-28deg);transition:transform .08s linear}
.xn-box3d>div{position:absolute;inset:0;border-radius:6px 14px 14px 6px}
.xn-box3d .fr{background:linear-gradient(150deg,var(--x-deep),var(--x-ink));transform:translateZ(22px);color:#fff;padding:24px 20px;display:grid;align-content:space-between;box-shadow:inset 0 0 0 1px #ffffff1a}
.xn-box3d .lbl{font-size:12px;color:var(--x-ac2);font-weight:700;letter-spacing:.04em}
.xn-box3d h3{font-size:28px;color:#fff;line-height:1.25}
.xn-box3d h3 em{font-style:normal;color:var(--x-ac2)}
.xn-box3d .ln{display:grid;gap:6px}
.xn-box3d .ln i{height:6px;border-radius:4px;background:#ffffff26}
.xn-box3d .ln i:nth-child(2){width:80%}.xn-box3d .ln i:nth-child(3){width:60%}
.xn-box3d .by{font-size:12px;opacity:.8}
.xn-box3d .bk{background:var(--x-ink);transform:rotateY(180deg) translateZ(22px)}
.xn-box3d .sp{width:44px;right:auto;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--x-ink) 80%,#000),color-mix(in srgb,var(--x-deep) 75%,var(--x-ink)));transform:rotateY(-90deg) translateZ(0);transform-origin:left;border-radius:6px 0 0 6px}
.xn-box3d .pg{width:42px;left:auto;right:0;background:repeating-linear-gradient(90deg,#fff 0 2px,#e9ebf5 2px 4px);transform:rotateY(90deg) translateZ(0);transform-origin:right;border-radius:0}
.xn-floaty{position:absolute;background:#fff;border:1px solid var(--n-line);border-radius:14px;padding:8px 12px;font-size:12.5px;box-shadow:0 18px 34px -18px color-mix(in srgb,var(--x-ink) 33%,transparent);display:flex;align-items:center;gap:8px;animation:xn-float 5s ease-in-out infinite;white-space:nowrap}
.xn-floaty b{font-family:var(--x-fd)}
.xn-floaty i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:11px;flex:none}
.xn-floaty i.c-ok{background:color-mix(in srgb,var(--n-ok) 10%,transparent);color:var(--n-ok)}
.xn-floaty i.c-ac2{background:var(--x-ac2);color:var(--x-ink)}
.xn-floaty i.c-ac{background:color-mix(in srgb,var(--x-ac) 10%,transparent);color:var(--x-ac)}
@keyframes xn-float{50%{transform:translateY(-10px)}}
.xn-floaty.f1{top:40px;right:10px}.xn-floaty.f2{bottom:60px;left:0;animation-delay:-2s}.xn-floaty.f3{top:150px;left:-6px;animation-delay:-3.5s}
.xn-stage .hint{position:absolute;bottom:6px;font-size:12px;color:var(--n-mute)}
.xt-dstrip{padding-block:0!important;border-block:1px solid var(--n-line,#e1e4f2)}
.xn-strip{display:flex;gap:10px 30px;justify-content:center;flex-wrap:wrap;padding:14px 16px;font-size:14px;color:var(--n-mute)}
.xn-strip b{color:var(--x-ink);font-family:var(--x-fd);font-size:20px;margin-inline-end:4px}
.xn-sh{display:grid;gap:6px;margin-bottom:20px;text-align:center;justify-items:center}
.xn-sh.st{text-align:start;justify-items:start}
.xn-k{font-size:13px;color:var(--x-ac);font-weight:700}
.xn-sh h2{font-size:clamp(26px,3.2vw,38px);font-weight:800}
.xn-sh p{color:var(--n-mute);margin:0}
/* داخل الحقيبة */
.xn-inside{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}
.xn-book{position:relative;height:420px;perspective:1600px}
.xn-book .leaf{position:absolute;top:0;right:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.7,.2,1)}
.xn-book .leaf.turn{transform:rotateY(180deg)}
.xn-book .leaf>div{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:1px solid var(--n-line);padding:22px 18px;display:grid;gap:8px;align-content:start;box-shadow:0 20px 40px -24px color-mix(in srgb,var(--x-ink) 27%,transparent);overflow:hidden}
.xn-book .leaf>.f{border-radius:0 14px 14px 0}
.xn-book .leaf>.b{border-radius:14px 0 0 14px;transform:rotateY(180deg)}
.xn-book .lbase{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(150deg,var(--x-deep),var(--x-ink));color:#fff;border-radius:14px 0 0 14px;padding:26px 20px;display:grid;align-content:center;gap:10px;text-align:center}
.xn-book .lbase .ck{font-size:12px;color:var(--x-ac2)}
.xn-book .lbase b{font-family:var(--x-fd);font-size:22px}.xn-book .lbase em{font-style:normal;color:var(--x-ac2)}
.xn-book .lbase small{opacity:.8}
.xn-book .base{position:absolute;top:0;right:0;width:50%;height:100%;background:#fff;border:1px solid var(--n-line);border-radius:0 14px 14px 0;padding:22px 18px;display:grid;gap:8px;align-content:start;z-index:9;overflow:hidden}
.xn .pgn{font-size:11px;color:var(--n-mute);font-family:var(--x-fd)}
.xn .pgt{font-family:var(--x-fd);font-size:17px;font-weight:700}
.xn .pgp{font-size:12.5px;color:var(--n-mute)}
.xn .mock{display:grid;gap:6px}
.xn .mock i{height:7px;border-radius:4px;background:var(--n-s2)}
.xn .mock i.h{height:12px;width:50%;background:var(--x-deep)}
.xn .mock i.a{background:color-mix(in srgb,var(--x-ac) 33%,transparent);width:70%}
.xn .mock .av{width:48px;height:48px;border-radius:50%;background:var(--n-s2)}
.xn .mock .cols{display:grid;grid-template-columns:1fr 2fr;gap:8px}
.xn .mock .cols>div{display:grid;gap:6px;align-content:center}
.xn-chk{display:grid;gap:6px;font-size:13px}
.xn-chk span{display:flex;gap:6px;align-items:baseline}
.xn-chk span::before{content:"✓";color:var(--n-ok);font-weight:800}
.leaf .xn-chk{font-size:12.5px}
.xn-turnb{display:flex;gap:8px;justify-content:center;margin-top:12px}
.xn-turnb button{border:1px solid var(--n-line);background:#fff;border-radius:10px;padding:6px 14px;font:inherit;font-weight:700;color:var(--x-ink);cursor:pointer}
.xn-turnb button:disabled{opacity:.45;cursor:default}
.xn-contents{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xn-ct{background:#fff;border:1px solid var(--n-line);border-radius:18px;padding:16px;display:grid;gap:4px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.xn-ct:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px color-mix(in srgb,var(--x-ink) 33%,transparent)}
.xn-ct b{font-family:var(--x-fd);font-size:34px;color:var(--x-deep);line-height:1.1}
.xn-ct span{font-weight:700}
.xn-ct small{color:var(--n-mute)}
.xn-ct i{position:absolute;left:12px;top:12px;width:36px;height:36px;border-radius:11px;background:var(--n-s2);display:grid;place-items:center;font-style:normal}
/* قبل وبعد */
.xn-ba{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.xn-cmp{position:relative;height:440px;border-radius:22px;overflow:hidden;border:1px solid var(--n-line);background:#fff;user-select:none;--p:50%}
.xn-cmp .cv{position:absolute;inset:0;padding:30px 34px;display:grid;gap:10px;align-content:start}
.xn-cmp .cv.old{background:#fbfbfb;filter:grayscale(1)}
.xn-cmp .cv.old .tt{font-family:"Times New Roman",serif;font-size:22px}
.xn-cmp .cv.old i{height:6px;background:#ddd;border-radius:0}
.xn-cmp .cv.new{background:#fff;clip-path:inset(0 0 0 var(--p))}
.xn-cmp .cv.new .top{display:flex;gap:12px;align-items:center;background:var(--x-deep);color:#fff;margin:-30px -34px 6px;padding:22px 34px}
.xn-cmp .cv.new .top .av{width:54px;height:54px;flex:none;border-radius:50%;background:var(--x-ac2)}
.xn-cmp .cv.new .tt{font-family:var(--x-fd);font-size:22px;font-weight:800}
.xn-cmp .cv.new .top small{opacity:.8}
.xn-cmp .cv.new .tag{display:flex;gap:6px;flex-wrap:wrap}
.xn-cmp .cv.new .tag span{background:var(--n-s2);border-radius:99px;padding:1px 10px;font-size:12px}
.xn-cmp .cv i{display:block;height:7px;border-radius:4px;background:var(--n-s2)}
.xn-cmp .cv .sec{font-family:var(--x-fd);font-weight:700;font-size:14px;color:var(--x-deep);margin-top:6px}
.xn-cmp .cv .hl{background:color-mix(in srgb,var(--x-ac) 20%,transparent);width:75%}
.xn-cmp .hnd{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:var(--x-ac);transform:translateX(-50%);pointer-events:none}
.xn-cmp .hnd::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--x-ac);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 10px 24px -8px var(--x-ac)}
.xn-cmp .lb{position:absolute;top:12px;background:color-mix(in srgb,var(--x-ink) 80%,transparent);color:#fff;border-radius:99px;padding:2px 12px;font-size:12px;z-index:3}
.xn-cmp .lb.r{right:12px}.xn-cmp .lb.l{left:12px}
.xn-cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;direction:ltr;z-index:4}
.xn-gauge{display:grid;justify-items:center;gap:6px}
.xn-gauge svg{width:260px;max-width:100%;height:150px}
.xn-gauge .bg{fill:none;stroke:var(--n-s2);stroke-width:18;stroke-linecap:round}
.xn-gauge .fg{fill:none;stroke-width:18;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1)}
.xn-gauge>b{font-family:var(--x-fd);font-size:46px;margin-top:-70px;line-height:1.3}
.xn-gauge small{color:var(--n-mute)}
.xn-gnote{display:grid;gap:6px;margin-top:14px;font-size:14px}
.xn-gnote span{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--n-line);border-radius:10px;padding:6px 12px}
.xn-gnote .ok{color:var(--n-ok)}
/* لمن */
.xn-who{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.xn-who button{border:2px solid var(--n-line);background:#fff;border-radius:99px;padding:8px 18px;font:inherit;font-weight:700;color:var(--x-ink);cursor:pointer;transition:.2s}
.xn-who button.on{border-color:var(--x-ink);background:var(--x-ink);color:#fff}
.xn-whoans{max-width:720px;margin:16px auto 0;background:#fff;border:1px solid var(--n-line);border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;font-size:15px;animation:xk-mi .35s}
.xn-whoans[hidden]{display:none}
.xn-whoans i{width:48px;height:48px;border-radius:14px;background:var(--x-ac2);display:grid;place-items:center;font-style:normal;font-size:22px}
/* الباقات */
.xn-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;padding-top:8px}
.xn-tier{background:#fff;border:2px solid var(--n-line);border-radius:22px;padding:22px;display:grid;gap:12px;align-content:start;grid-template-rows:auto auto 1fr auto;position:relative;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.xn-tier.on{border-color:var(--x-ac);transform:translateY(-6px);box-shadow:0 30px 50px -30px color-mix(in srgb,var(--x-ac) 53%,transparent)}
.xn-tier .tg{position:absolute;top:-12px;right:20px;background:var(--x-ac);color:#fff;border-radius:99px;padding:2px 12px;font-size:12px;font-weight:700}
.xn-tier h3{font-size:20px}
.xn-tier .pr{font-family:var(--x-fd);font-size:36px;font-weight:800;line-height:1.3}
.xn-tier .pr small{font-size:14px;color:var(--n-mute);font-weight:400}
.xn-tier ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14px;align-content:start}
.xn-tier li{display:flex;gap:8px}.xn-tier li::before{content:"✓";color:var(--n-ok);font-weight:800}
.xn-tier li.no{color:var(--n-mute)}.xn-tier li.no::before{content:"—";color:var(--n-mute)}
.xn-guar{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:var(--x-deep);color:#fff;border-radius:24px;padding:26px}
.xn-guar h2{color:#fff;font-size:28px}
.xn-guar p{color:color-mix(in srgb,#fff 78%,var(--x-deep));margin-top:6px}
.xn-seal{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--x-ac2),color-mix(in srgb,var(--x-ac2) 45%,#fff),var(--x-ac2));display:grid;place-items:center;color:var(--x-ink);text-align:center;font-family:var(--x-fd);animation:xk-rot 20s linear infinite}
.xn-seal>div{width:104px;height:104px;border-radius:50%;background:var(--x-deep);color:var(--x-ac2);display:grid;place-items:center;animation:xk-rot 20s linear infinite reverse}
.xn-seal b{display:block;font-size:34px;line-height:1}
/* الآراء */
.xn-wall{columns:3 260px;column-gap:14px}
.xn-rv{break-inside:avoid;background:#fff;border:1px solid var(--n-line);border-radius:18px;padding:16px;margin-bottom:14px;display:grid;gap:10px}
.xn-rv .who2{display:flex;align-items:center;gap:10px}
.xn-rv .who2 img,.xn-rv .who2 .xk-ph{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.xn-rv .who2 b{display:block}
.xn-rv .who2 small{display:block;color:var(--n-mute);font-size:12px}
.xn-rv .who2 .xn-st{margin-inline-start:auto}
.xn-rv p{font-size:14.5px;line-height:1.75}
.xn-rv .res{font-size:12px;color:var(--n-ok);background:color-mix(in srgb,var(--n-ok) 10%,transparent);border-radius:8px;padding:2px 9px;width:max-content;max-width:100%;font-weight:700}
.xn-rv .shot{border-radius:12px;overflow:hidden;aspect-ratio:16/9}
.xn-rv .shot img{width:100%;height:100%;object-fit:cover}
.xn details{background:#fff;border:1px solid var(--n-line);border-radius:14px;padding:13px 16px}
.xn summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.xn summary::-webkit-details-marker{display:none}
.xn summary::after{content:"+";color:var(--x-ac);font-size:18px;line-height:1}
.xn details[open] summary::after{content:"−"}
.xn details p{margin:8px 0 0;color:var(--n-mute);font-size:14.5px}
.xt-dbuybar{padding:0!important}
.xn-buybar{position:fixed;bottom:var(--tzd-h,0px);inset-inline:0;z-index:50;background:#ffffffee;backdrop-filter:blur(8px);border-top:1px solid var(--n-line);transform:translateY(100%);transition:transform .35s}
.xn-buybar.on{transform:none}
.xn-buybar .xw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;flex-wrap:wrap}
.xn-buybar .mini{display:flex;align-items:center;gap:12px}
.xn-buybar .mini>i{width:40px;height:52px;flex:none;border-radius:4px 8px 8px 4px;background:linear-gradient(150deg,var(--x-deep),var(--x-ink))}
.xn-buybar small{color:var(--n-mute)}
.xn-buybar small b{direction:ltr;display:inline-block}
.xn-buybar .xn-btn{padding:11px 20px}
/* الدفع */
.xn-co{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding-block:4px}
.xn-panel{background:#fff;border:1px solid var(--n-line);border-radius:20px;padding:22px;display:grid;gap:14px;align-content:start}
.xn-panel h3{font-size:19px}
.xn-fld{display:grid;gap:5px;font-size:13px;color:var(--n-mute)}
.xn-fld input{border:1px solid var(--n-line);border-radius:12px;padding:11px 13px;font:inherit;color:var(--x-ink);background:var(--x-bg);min-width:0}
.xn-fld input:focus{border-color:var(--x-deep);outline:none}
.xn .xf-err{border-color:#e5484d!important}
.xn-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xn-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.xn-pay button{border:2px solid var(--n-line);background:#fff;border-radius:12px;padding:10px;font-weight:800;font-family:var(--x-fd);color:var(--x-ink);cursor:pointer}
.xn-pay button.on{border-color:var(--x-deep);background:color-mix(in srgb,var(--x-deep) 5%,#fff)}
.xn-apple{background:#000;box-shadow:none;width:100%}
.xn-paybtn{width:100%}
.xn-bump{border:2px dashed var(--x-ac);border-radius:16px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:12px;background:color-mix(in srgb,var(--x-ac) 5%,transparent);cursor:pointer;align-items:start}
.xn-bump input{width:20px;height:20px;accent-color:var(--x-ac);margin-top:3px}
.xn-bump b{font-family:var(--x-fd)}
.xn-bump small{display:block;color:var(--n-mute)}
.xn-line{display:flex;justify-content:space-between;font-size:14.5px;gap:10px}
.xn-line[hidden]{display:none}
.xn-line.ok{color:var(--n-ok)}
.xn-line.tot{border-top:1px dashed var(--n-line);padding-top:12px;font-family:var(--x-fd);font-size:22px;font-weight:800}
.xn-cpn{display:flex;gap:8px}
.xn-cpn input{flex:1;min-width:0;border:1px solid var(--n-line);border-radius:10px;padding:9px 12px;font:inherit;color:var(--x-ink)}
.xn-cpn button{border:0;border-radius:10px;background:var(--x-ink);color:#fff;padding:0 16px;font:inherit;font-weight:700;cursor:pointer}
.xn-ok{color:var(--n-ok);font-size:13px;min-height:18px}
.xn-ok.bad{color:#d4453b}
.xn-trust{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--n-mute)}
.xn-itm{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}
.xn-itm>i{width:56px;height:72px;border-radius:4px 10px 10px 4px;background:linear-gradient(150deg,var(--x-deep),var(--x-ink))}
.xn-itm small{color:var(--n-mute)}
/* التحميل */
.xn-dl{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-block:4px;align-items:start}
.xn-col{display:grid;gap:14px}
.xn-dl h1,.xn-free h1{font-size:clamp(30px,3.8vw,46px)}
.xn-files{display:grid;gap:10px}
.xn-file{background:#fff;border:1px solid var(--n-line);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}
.xn-file>i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:11px;color:#fff}
.xn-file small{color:var(--n-mute)}
.xn-file .b{grid-column:2/-1;height:6px;border-radius:6px;background:var(--n-s2);overflow:hidden}
.xn-file .b b{display:block;height:100%;width:0;background:var(--n-ok);border-radius:6px;transition:width var(--t,2s) linear;margin-inline-end:auto}
.xn-file.go .b b{width:100%}
.xn-file>a{border:0;background:var(--n-s2);border-radius:9px;padding:5px 12px;font-weight:700;color:var(--x-ink);text-decoration:none;opacity:.5;pointer-events:none;transition:opacity .3s}
.xn-file.ready>a{opacity:1;pointer-events:auto}
.xn-athar{background:linear-gradient(150deg,#8c3b4a,#5a1f2b);color:#fff;border-radius:22px;padding:24px;display:grid;gap:12px}
.xn-athar .lg{display:flex;align-items:center;gap:10px}
.xn-athar .lg i{width:46px;height:46px;flex:none;border-radius:14px;background:#fff;display:grid;place-items:center}
.xn-athar .lg svg{width:36px;height:36px}
.xn-athar .lg b{font-family:var(--x-fd);font-size:20px}
.xn-athar .lg small{opacity:.8}
.xn-athar p{opacity:.9}
.xn-athar .steps{display:flex;gap:6px}
.xn-athar .steps span{flex:1;height:6px;border-radius:6px;background:#ffffff33;overflow:hidden}
.xn-athar .steps span b{display:block;height:100%;width:0;background:#ffcc5c;animation:xn-fillx 6s infinite;margin-inline-end:auto}
.xn-athar .steps span:nth-child(2) b{animation-delay:1.5s}.xn-athar .steps span:nth-child(3) b{animation-delay:3s}
@keyframes xn-fillx{0%{width:0}25%,100%{width:100%}}
.xn-wbtn{background:#fff;color:#5a1f2b;box-shadow:none;width:100%}
/* المعاينة المجانية */
.xn-free{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-block:4px}
.xn-free .xn-panel{max-width:440px}
.xn-free .xn-panel .xn-btn{width:100%}
.xn-panel.xf-ok{min-height:150px;align-content:center}
.xn .xf-done{display:grid;gap:6px;justify-items:center;text-align:center}
.xn .xf-done>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--n-ok) 14%,#fff);color:var(--n-ok)}
.xn .xf-done>span svg{width:24px;height:24px}
.xn .xf-done b{color:var(--n-ok);font-family:var(--x-fd);font-size:18px}
.xn .xf-done small{color:var(--n-mute)}
.xn-fan{position:relative;height:400px}
.xn-fan>div{position:absolute;top:30px;left:50%;width:220px;height:300px;margin-left:-110px;background:#fff;border:1px solid var(--n-line);border-radius:12px;padding:18px;display:grid;gap:7px;align-content:start;box-shadow:0 24px 40px -26px color-mix(in srgb,var(--x-ink) 40%,transparent);transition:transform .6s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.xn-fan>div:nth-child(1){transform:rotate(-12deg) translateX(-70px)}
.xn-fan>div:nth-child(2){transform:rotate(0) translateY(-10px);z-index:2}
.xn-fan>div:nth-child(3){transform:rotate(12deg) translateX(70px)}
.xn-fan:hover>div:nth-child(1),.xn-fan.open>div:nth-child(1){transform:rotate(-18deg) translateX(-120px)}
.xn-fan:hover>div:nth-child(3),.xn-fan.open>div:nth-child(3){transform:rotate(18deg) translateX(120px)}

@media (max-width:960px){
  .xk-hero,.xk-funnel,.xk-hostsec,.xk-seatwall,.xk-final,.xk-thx,.xk-ofhero,.xk-player,.xn-dhero,.xn-inside,.xn-ba,.xn-co,.xn-dl,.xn-free{grid-template-columns:minmax(0,1fr)}
  .xk-secrets,.xk-voices,.xk-bonus,.xk-three,.xn-tiers{grid-template-columns:minmax(0,1fr)}
  .xk-rings{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xk-faq,.xn-faq,.xn-contents{grid-template-columns:minmax(0,1fr)}
  .xk-steps i,.xk-steps span:not(.on) b{display:none}
  .xn-nav{display:none}
  .xk-cd,.xk-cd.st{justify-content:center}
}
@media (max-width:560px){
  .xk-cd div{min-width:62px}.xk-cd b{font-size:24px}
  .xn-stage{height:380px}.xn-box3d{width:190px;height:250px}.xn-box3d h3{font-size:22px}
  .xn-book{height:360px}.xn-gets,.xn-two{grid-template-columns:minmax(0,1fr)}
  .xk-guar,.xn-guar{grid-template-columns:minmax(0,1fr);display:grid;justify-items:center;text-align:center}
  .xk-urg{font-size:12.5px}.xk-urg .xw{gap:4px 10px}
  .xk details.xk-mod p{margin-inline-start:0}
  .xk-mod summary{grid-template-columns:64px 1fr auto;gap:10px}
  .xn-cartb{padding:8px 12px;font-size:14px}
  .xn-fan>div{width:180px;height:260px;margin-left:-90px}
  .xn-fan>div:nth-child(1){transform:rotate(-10deg) translateX(-46px)}.xn-fan>div:nth-child(3){transform:rotate(10deg) translateX(46px)}
  .xn-fan:hover>div:nth-child(1),.xn-fan.open>div:nth-child(1){transform:rotate(-14deg) translateX(-70px)}.xn-fan:hover>div:nth-child(3),.xn-fan.open>div:nth-child(3){transform:rotate(14deg) translateX(70px)}
  .xn-floaty.f3{left:0}
  .xk-toast{right:12px;left:auto;max-width:calc(100vw - 88px);bottom:calc(12px + var(--tzd-h,0px))}
  body.xk-hasbar .xk-toast{bottom:calc(120px + var(--tzd-h,0px))}
}
@media (prefers-reduced-motion:reduce){.xk *,.xn *,.xk-glow{animation:none!important;transition:none!important}}