/* ============ مردود × كنزي — نظام التصميم ============ */
:root{
  --ink:#04121A; --ink2:#071F29; --ink3:#0C2B38; --ink4:#133B4A;
  --m:#16EDB1; --m2:#7DF7D4; --teal:#0B8F6E; --msoft:rgba(22,237,177,.12);
  --ol:#9CBA88; --ol2:#C6DBB6; --sand:#E8D9BE; --olsoft:rgba(156,186,136,.13);
  --r:#E2593A; --gold:#E0A542; --gold2:#F3C878;
  --paper:#F6F3EC; --mu:#8FA6AD; --mu2:#6B7C82;
  --fd:'Readex Pro',system-ui,sans-serif; --fb:'Plex Ar',system-ui,sans-serif;
  --fk:'Ruqaa',serif; --fm:'JB',ui-monospace,monospace;
  --ease:cubic-bezier(.22,1,.36,1); --maxw:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html.js [data-rev],html.js [data-split] span.w{opacity:0}
[data-split] span.w{display:inline-block}
body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.85 var(--fb);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,canvas,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.28;margin:0;letter-spacing:-.01em}
p{margin:0 0 14px}
::selection{background:var(--m);color:var(--ink)}
:focus-visible{outline:2px solid var(--m);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* حبيبات */
.grain{position:fixed;inset:-120%;z-index:9;pointer-events:none;opacity:.028;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");
  animation:gr 7s steps(6) infinite}
@keyframes gr{0%{transform:translate(0,0)}100%{transform:translate(-6%,5%)}}

/* مؤشر */
.cursor{position:fixed;top:0;left:0;width:30px;height:30px;border:1px solid rgba(22,237,177,.5);
  border-radius:50%;z-index:60;pointer-events:none;mix-blend-mode:screen;
  transform:translate(-100px,-100px);transition:width .3s,height .3s,background .3s;opacity:0}
@media (hover:hover) and (pointer:fine){.cursor{opacity:1}}
.cursor.big{width:62px;height:62px;background:rgba(22,237,177,.12);border-color:rgba(22,237,177,.9)}

/* لودر */
.loader{position:fixed;inset:0;z-index:100;background:var(--ink);display:grid;place-items:center;
  transition:opacity .7s var(--ease),visibility .7s}
.loader.off{opacity:0;visibility:hidden}
.loader-in{display:flex;flex-direction:column;align-items:center;gap:26px}
.ld-seeds{display:flex;gap:7px}
.ld-seeds i{width:7px;height:7px;border-radius:50%;background:rgba(143,166,173,.22);transition:background .35s,transform .35s}
.ld-seeds i.on{background:var(--m);transform:scale(1.5);box-shadow:0 0 14px rgba(22,237,177,.7)}
.ld-count{font:400 12px var(--fm);color:var(--mu2);letter-spacing:.3em}

/* هيدر */
.hdr{position:fixed;inset:0 0 auto;z-index:50;padding:16px 0;
  transition:background .4s,backdrop-filter .4s,padding .4s,border-color .4s;
  border-bottom:1px solid transparent}
.hdr.stuck{background:rgba(4,18,26,.84);backdrop-filter:blur(16px) saturate(1.3);
  border-bottom-color:rgba(143,166,173,.14);padding:11px 0}
.hdr .wrap{display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand img{height:26px;width:auto}
.brand .kz{height:30px;background:var(--paper);border-radius:7px;padding:4px 8px}
.brand .x{color:var(--mu2);font:400 14px var(--fm)}
.nav{display:flex;gap:3px;margin-inline-start:auto;flex-wrap:wrap}
.nav a{font:500 12.5px var(--fb);color:var(--mu);padding:7px 10px;border-radius:999px;
  transition:color .25s,background .25s;white-space:nowrap}
.nav a:hover{color:var(--paper);background:rgba(143,166,173,.1)}
.nav a.on{color:var(--m);background:var(--msoft)}
.cta-s{font:600 13px var(--fd);background:var(--m);color:var(--ink);padding:9px 20px;
  border-radius:999px;flex-shrink:0;transition:transform .3s var(--ease),box-shadow .3s}
.cta-s:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(22,237,177,.3)}
@media (max-width:1100px){.nav{display:none}}

/* ============ الهيرو ============ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;
  padding:140px 0 90px;overflow:hidden;
  background:#04121A url(../img/bg-cover.jpg) center/cover no-repeat}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to left,rgba(4,18,26,.95) 0%,rgba(4,18,26,.8) 40%,rgba(4,18,26,.25) 72%,transparent 100%)}
#gl{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero .wrap{position:relative;z-index:2}
.glfallback{display:none}
.no-gl .glfallback{display:block;position:absolute;inset:auto 28px 24px auto;z-index:2;
  font:400 12px var(--fb);color:var(--mu2);max-width:300px}
.no-gl #gl{display:none}

.eyebrow{display:inline-flex;align-items:center;gap:9px;font:500 12px var(--fb);
  color:var(--m2);letter-spacing:.06em;border:1px solid rgba(22,237,177,.26);
  background:rgba(22,237,177,.06);padding:7px 15px;border-radius:999px;margin-bottom:28px}
.dot{width:6px;height:6px;border-radius:50%;background:var(--m);
  box-shadow:0 0 0 0 rgba(22,237,177,.6);animation:pl 2.4s infinite}
@keyframes pl{70%{box-shadow:0 0 0 11px rgba(22,237,177,0)}100%{box-shadow:0 0 0 0 rgba(22,237,177,0)}}
.big{font-size:clamp(34px,5.6vw,70px);line-height:1.16;max-width:16.5ch;letter-spacing:-.025em}
.big em{font-style:normal;color:var(--mu);font-weight:400}
.big b{color:var(--m);font-weight:700;position:relative;white-space:nowrap}
.big b::after{content:'';position:absolute;inset:auto 0 .06em;height:.08em;
  background:linear-gradient(90deg,transparent,var(--m),transparent);opacity:.5}
.lede{font:400 clamp(15px,1.25vw,18px)/1.9 var(--fb);color:#C9D6DA;max-width:68ch;margin-top:22px}
.lede b{color:var(--paper);font-weight:600}
.lede.center{margin-inline:auto;text-align:center}

.hchips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px;max-width:860px}
.hchip{background:rgba(7,31,41,.72);backdrop-filter:blur(10px);border:1px solid rgba(143,166,173,.16);
  border-radius:14px;padding:16px 17px;position:relative;overflow:hidden}
.hchip::before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:var(--mu)}
.hchip.g::before{background:var(--m)}.hchip.o::before{background:var(--ol)}
.hchip.s::before{background:var(--sand)}
.hchip .k{display:block;font:500 11.5px/1.5 var(--fb);color:var(--mu);margin-bottom:5px}
.hchip .v{display:block;font:700 27px var(--fm);color:var(--paper);letter-spacing:-.02em}
.hchip.g .v{color:var(--m)}.hchip.o .v{color:var(--ol2)}.hchip.s .v{color:var(--sand)}
@media (max-width:860px){.hchips{grid-template-columns:repeat(2,1fr)}}

.scrollcue{position:absolute;inset:auto 0 26px;z-index:2;display:flex;flex-direction:column;
  align-items:center;gap:9px;color:var(--mu2);font:400 10.5px var(--fb);letter-spacing:.24em}
.scrollcue i{width:1px;height:38px;background:linear-gradient(to bottom,var(--m),transparent);
  animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%,100%{transform:scaleY(.35);opacity:.4}50%{transform:scaleY(1);opacity:1}}

/* ============ مانيفستو ============ */
.manifesto{padding:clamp(90px,13vw,170px) 0;background:
  radial-gradient(ellipse 90% 70% at 50% 0%,rgba(22,237,177,.07),transparent 70%),var(--ink2)}
.mf{font:600 clamp(23px,3.5vw,46px)/1.48 var(--fd);max-width:24ch;margin:0 auto;
  text-align:center;letter-spacing:-.02em}
.hl{color:var(--m)}.hl2{color:var(--ol2)}
.mf-sig{font:700 clamp(26px,3vw,38px) var(--fk);color:rgba(22,237,177,.3);
  text-align:center;margin:40px 0 0}

/* ============ أقسام ============ */
.sec{padding:clamp(76px,10vw,128px) 0;position:relative}
.sec.tex{background-color:var(--ink);background-size:cover;background-position:center;
  background-repeat:no-repeat;background-attachment:scroll}
.sec.tex::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,var(--ink) 0%,rgba(4,18,26,.5) 22%,rgba(4,18,26,.5) 78%,var(--ink) 100%)}
.sec>.wrap{position:relative;z-index:1}
.kick{display:flex;align-items:center;gap:13px;font:600 12px var(--fb);color:var(--m);
  letter-spacing:.14em;margin-bottom:17px}
.kick .n{font:400 11px var(--fm);color:var(--mu2);border:1px solid rgba(143,166,173,.26);
  border-radius:6px;padding:3px 8px;letter-spacing:0}
.sec h2{font-size:clamp(27px,3.9vw,50px);max-width:22ch;letter-spacing:-.025em}
.sec h2 em{font-style:normal;color:var(--m)}
.hr{height:1px;background:linear-gradient(90deg,transparent,rgba(143,166,173,.26),transparent);
  margin:52px 0 34px}

.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr}}

/* إحصاء */
.stat{background:linear-gradient(165deg,rgba(12,43,56,.9),rgba(7,31,41,.8));
  border:1px solid rgba(143,166,173,.15);border-radius:17px;padding:24px 22px;position:relative;overflow:hidden}
.stat::before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:var(--m);opacity:.75}
.stat.o::before{background:var(--ol)}.stat.s::before{background:var(--sand)}
.stat.w::before{background:var(--r)}
.stat .v{display:flex;align-items:baseline;gap:5px;font:700 clamp(32px,3.6vw,46px) var(--fm);
  color:var(--m);letter-spacing:-.035em;line-height:1}
.stat.o .v{color:var(--ol2)}.stat.s .v{color:var(--sand)}.stat.w .v{color:#F2A08C}
.stat .v small{font-size:.44em;color:var(--mu);font-weight:400}
.stat .k{display:block;font:400 13px/1.65 var(--fb);color:var(--mu);margin-top:11px}

/* بطاقات */
.card{background:linear-gradient(165deg,rgba(12,43,56,.82),rgba(7,31,41,.72));
  border:1px solid rgba(143,166,173,.15);border-radius:19px;padding:28px 26px;
  transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.card:hover{transform:translateY(-4px);border-color:rgba(22,237,177,.34);
  box-shadow:0 20px 48px rgba(0,0,0,.4)}
.card h3{font-size:19.5px;margin:0 0 11px}
.card p{font:400 14.3px/1.82 var(--fb);color:#B9C8CD;margin:0 0 12px}
.card p b{color:var(--paper);font-weight:600}
.card .ix{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:var(--msoft);color:var(--m);margin-bottom:15px}
.card .ix svg{width:21px;height:21px}
.card.o .ix{background:var(--olsoft);color:var(--ol2)}
.card.w .ix{background:rgba(226,89,58,.14);color:#F2A08C}
.card.s .ix{background:rgba(232,217,190,.12);color:var(--sand)}
.card.o{border-color:rgba(156,186,136,.24)}
.card.w{border-color:rgba(226,89,58,.26)}
.tagn{display:inline-block;font:600 10.5px var(--fb);letter-spacing:.14em;color:var(--m);
  background:var(--msoft);border-radius:999px;padding:5px 12px;margin-bottom:13px}
.card.o .tagn{color:var(--ol2);background:var(--olsoft)}
.card.s .tagn{color:var(--sand);background:rgba(232,217,190,.12)}

.ul{list-style:none;margin:0;padding:0}
.ul li{position:relative;padding-inline-start:19px;font:400 13.6px/1.8 var(--fb);
  color:var(--mu);margin-bottom:7px}
.ul li::before{content:'';position:absolute;inset-inline-start:0;top:.72em;width:7px;height:1px;background:var(--m)}
.ul.big li{font-size:14.3px;color:#B9C8CD;margin-bottom:11px;padding-inline-start:22px}
.ul.big li::before{width:9px;top:.78em}

/* إشارة */
.flag{display:flex;gap:15px;align-items:flex-start;margin-top:26px;padding:21px 23px;
  border-radius:16px;background:rgba(143,166,173,.07);border:1px solid rgba(143,166,173,.17)}
.flag p{margin:0;font:400 14.4px/1.85 var(--fb);color:#C3D1D6}
.flag p b{color:var(--paper);font-weight:600}
.flag .ix{flex-shrink:0;margin-top:3px;color:var(--mu)}
.flag.key{background:linear-gradient(100deg,rgba(22,237,177,.12),rgba(22,237,177,.03));
  border-color:rgba(22,237,177,.34)}
.flag.key .ix{color:var(--m)}
.flag.key p b{color:var(--m2)}
.flag.hot{background:rgba(226,89,58,.09);border-color:rgba(226,89,58,.3)}
.flag.hot .ix{color:#F2A08C}
.flag.good{background:rgba(156,186,136,.1);border-color:rgba(156,186,136,.3)}
.flag.good .ix{color:var(--ol2)}
.flag.good p b{color:var(--ol2)}

/* لقطة */
.shot{margin-top:30px;border-radius:17px;overflow:hidden;border:1px solid rgba(143,166,173,.2);
  box-shadow:0 26px 70px rgba(0,0,0,.5)}
.shot img{width:100%;height:auto}
.shotcap{font:400 12.5px/1.75 var(--fb);color:var(--mu2);margin-top:12px;text-align:center}

/* جداول */
.tb{border:1px solid rgba(143,166,173,.17);border-radius:15px;overflow:hidden;
  background:rgba(7,31,41,.6)}
.tb .hh,.tb .rr{display:grid;align-items:center;gap:10px;padding:14px 18px}
.tb.c4 .hh,.tb.c4 .rr{grid-template-columns:1.5fr 1fr 1.2fr 1.8fr}
.tb.c5 .hh,.tb.c5 .rr{grid-template-columns:1.25fr .8fr .8fr .9fr 2fr}
.tb .hh{background:rgba(12,43,56,.9);font:600 11.5px var(--fb);color:var(--mu);letter-spacing:.05em}
.tb .rr{border-top:1px solid rgba(143,166,173,.1);font:400 13.5px var(--fb);transition:background .3s}
.tb .rr:hover{background:rgba(22,237,177,.045)}
.tb .rr b{font:600 13.8px var(--fd);color:var(--paper)}
.tb .rr span{color:#B9C8CD;font-size:12.8px;line-height:1.6}
.n2{font-family:var(--fm);font-weight:700;font-size:14px!important;direction:ltr;unicode-bidi:isolate;text-align:start}
.n2.win{color:var(--m)!important}.n2.lose{color:#F2A08C!important}
@media (max-width:820px){
  .tb .hh{display:none}
  .tb .rr{grid-template-columns:1fr!important;gap:4px;padding:15px 17px}
  .tb .rr b{font-size:15px;margin-bottom:3px}
  .tb .rr>[data-h]::before{content:attr(data-h) " · ";color:#6B7C82;font:500 11px var(--fb)}
}

/* ============ حاسبات ============ */
.calc{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:30px;align-items:start}
@media (max-width:980px){.calc{grid-template-columns:1fr}}
.ctrl{background:linear-gradient(165deg,rgba(12,43,56,.92),rgba(7,31,41,.85));
  border:1px solid rgba(143,166,173,.17);border-radius:19px;padding:26px 24px}
.ctrl label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font:500 13px var(--fb);color:var(--mu);margin-bottom:11px}
.ctrl label b{font:700 17px var(--fm);color:var(--m);direction:ltr;unicode-bidi:isolate}
.ctrl input[type=range]{width:100%;height:4px;appearance:none;-webkit-appearance:none;
  background:linear-gradient(90deg,rgba(22,237,177,.5),rgba(143,166,173,.2));
  border-radius:4px;outline:none;direction:ltr}
.ctrl input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;
  width:19px;height:19px;border-radius:50%;background:var(--m);cursor:grab;
  box-shadow:0 0 0 5px rgba(22,237,177,.18),0 3px 10px rgba(0,0,0,.4);transition:transform .2s}
.ctrl input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2);cursor:grabbing}
.ctrl input[type=range]::-moz-range-thumb{width:19px;height:19px;border:none;border-radius:50%;
  background:var(--m);cursor:grab;box-shadow:0 0 0 5px rgba(22,237,177,.18)}
.ticks{display:flex;justify-content:space-between;font:400 10.5px var(--fm);color:var(--mu2);margin-top:7px}
.hint{font:400 12px/1.7 var(--fb);color:var(--mu2);margin:18px 0 0;
  padding-top:14px;border-top:1px solid rgba(143,166,173,.12)}

.out{display:flex;flex-direction:column;gap:11px}
.obs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:620px){.obs{grid-template-columns:repeat(2,1fr)}}
.ob{background:rgba(7,31,41,.78);border:1px solid rgba(143,166,173,.15);border-radius:14px;
  padding:15px 17px;transition:border-color .35s,background .35s}
.ob .k{display:block;font:500 11.5px var(--fb);color:var(--mu);margin-bottom:5px}
.ob .v{display:block;font:700 24px var(--fm);color:var(--paper);letter-spacing:-.025em;
  direction:ltr;unicode-bidi:isolate;line-height:1.15}
.ob .s{display:block;font:400 11.5px/1.6 var(--fb);color:var(--mu2);margin-top:6px}
.ob.win{border-color:rgba(22,237,177,.4);background:rgba(22,237,177,.07)}
.ob.win .v{color:var(--m)}
.ob.bad{border-color:rgba(226,89,58,.36);background:rgba(226,89,58,.07)}
.ob.bad .v{color:#F2A08C}
.vbox{background:linear-gradient(100deg,rgba(22,237,177,.1),rgba(22,237,177,.02));
  border:1px solid rgba(22,237,177,.3);border-radius:15px;padding:18px 20px}
.vbox b{display:block;font:700 15.5px var(--fd);color:var(--m2);margin-bottom:7px}
.vbox p{margin:0;font:400 13.6px/1.8 var(--fb);color:#C3D1D6}
.vbox p b{display:inline;font-family:var(--fm);font-size:14px;color:var(--m)}
.outg{margin-top:18px;background:rgba(7,31,41,.6);border:1px solid rgba(143,166,173,.15);
  border-radius:17px;padding:18px}
.outg canvas{width:100%;height:auto}

/* قمع محرك الاكتساب */
.fn{display:flex;flex-direction:column;gap:7px;background:rgba(7,31,41,.7);
  border:1px solid rgba(143,166,173,.15);border-radius:15px;padding:18px}
.fn .fb{position:relative;height:38px;border-radius:9px;overflow:hidden;
  background:rgba(143,166,173,.08);display:flex;align-items:center}
.fn .fi{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(22,237,177,.42),rgba(22,237,177,.14));
  border-inline-end:2px solid var(--m);transition:width .55s var(--ease);width:0}
.fn .fb.o .fi{background:linear-gradient(90deg,rgba(156,186,136,.42),rgba(156,186,136,.14));border-color:var(--ol)}
.fn .fl{position:relative;z-index:1;display:flex;justify-content:space-between;width:100%;
  padding:0 14px;align-items:center}
.fn .fl span{font:500 12.5px var(--fb);color:#C3D1D6}
.fn .fl b{font:700 15px var(--fm);color:var(--paper);direction:ltr;unicode-bidi:isolate}

/* ============ جاهزية ============ */
.rdy{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
@media (max-width:880px){.rdy{grid-template-columns:1fr}}
.rd{position:relative;padding:20px 22px 20px 22px;border-radius:15px;
  background:rgba(7,31,41,.72);border:1px solid rgba(143,166,173,.15);
  border-inline-start:3px solid var(--mu);transition:transform .4s var(--ease),border-color .4s}
.rd:hover{transform:translateX(-4px)}
.rd h4{font-size:16px;margin:0 0 8px}
.rd p{margin:0;font:400 13.4px/1.78 var(--fb);color:#B0C0C6}
.rd p b{color:var(--paper);font-weight:600}
.rd .s{display:inline-block;font:600 10px var(--fb);letter-spacing:.12em;border-radius:999px;
  padding:4px 11px;margin-bottom:10px;background:rgba(143,166,173,.14);color:var(--mu)}
.rd.block{border-inline-start-color:var(--r);background:rgba(226,89,58,.07)}
.rd.block .s{background:rgba(226,89,58,.17);color:#F2A08C}
.rd.check{border-inline-start-color:var(--gold);background:rgba(224,165,66,.06)}
.rd.check .s{background:rgba(224,165,66,.16);color:var(--gold2)}
.rd.ok{border-inline-start-color:var(--m);background:rgba(22,237,177,.07)}
.rd.ok .s{background:var(--msoft);color:var(--m)}

/* ============ أسابيع ============ */
.wks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
@media (max-width:1040px){.wks{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.wks{grid-template-columns:1fr}}
.wk{background:linear-gradient(170deg,rgba(12,43,56,.88),rgba(7,31,41,.78));
  border:1px solid rgba(143,166,173,.15);border-radius:18px;padding:24px 21px;
  display:flex;flex-direction:column;transition:transform .45s var(--ease),border-color .45s}
.wk:hover{transform:translateY(-5px);border-color:rgba(22,237,177,.32)}
.wn{display:inline-block;font:400 11px var(--fm);color:var(--m);background:var(--msoft);
  border-radius:7px;padding:4px 10px;margin-bottom:13px;align-self:flex-start;letter-spacing:.04em}
.wk h4{font-size:17.5px;margin:0 0 13px}
.wk .ul{flex:1}
.wk .ul li{font-size:12.9px;line-height:1.72;margin-bottom:9px}
.wb{margin-top:16px;padding-top:13px;border-top:1px solid rgba(143,166,173,.14);
  font:600 12.5px var(--fb);color:var(--ol2)}

/* ============ شهور ============ */
.mos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
@media (max-width:980px){.mos{grid-template-columns:1fr}}
.mo{background:linear-gradient(170deg,rgba(12,43,56,.86),rgba(7,31,41,.76));
  border:1px solid rgba(143,166,173,.15);border-radius:19px;padding:27px 24px;
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  transition:transform .45s var(--ease),border-color .45s}
.mo:hover{transform:translateY(-5px)}
.mo.hot{border-color:rgba(22,237,177,.34);background:linear-gradient(170deg,rgba(11,143,110,.2),rgba(7,31,41,.8))}
.mn{font:400 11px var(--fm);color:var(--mu);letter-spacing:.1em;margin-bottom:9px}
.mo h3{font-size:25px;margin:0 0 13px;color:var(--m)}
.mo.hot h3{color:var(--m2)}
.mo .q{font:500 13.4px/1.75 var(--fb);color:var(--sand);margin:0 0 15px;
  padding-inline-start:13px;border-inline-start:2px solid rgba(232,217,190,.4)}
.mo .ul{flex:1}
.mb{margin-top:18px;padding-top:14px;border-top:1px solid rgba(143,166,173,.14);
  font:700 19px var(--fd);color:var(--paper)}

/* ============ ميزانية ============ */
.budtoggle{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}
.budtoggle button{font:600 13px var(--fb);color:var(--mu);background:rgba(7,31,41,.7);
  border:1px solid rgba(143,166,173,.2);border-radius:999px;padding:10px 20px;cursor:pointer;
  transition:all .3s var(--ease)}
.budtoggle button:hover{color:var(--paper);border-color:rgba(22,237,177,.35)}
.budtoggle button.on{background:var(--m);color:var(--ink);border-color:var(--m)}
.budwrap{display:grid;grid-template-columns:400px 1fr;gap:34px;align-items:center;margin-top:28px}
@media (max-width:900px){.budwrap{grid-template-columns:1fr;gap:22px}}
#donut{width:100%;max-width:400px;height:auto;margin-inline:auto}
.blegend{display:flex;flex-direction:column;gap:10px}
.bl{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;
  padding:13px 17px;border-radius:13px;background:rgba(7,31,41,.7);
  border:1px solid rgba(143,166,173,.14);transition:border-color .3s,background .3s}
.bl:hover,.bl.on{border-color:rgba(22,237,177,.35);background:rgba(22,237,177,.06)}
.bl i{width:11px;height:11px;border-radius:3px;flex-shrink:0}
.bl .t{font:500 13.6px var(--fb);color:var(--paper)}
.bl .t em{display:block;font-style:normal;font:400 11.8px/1.55 var(--fb);color:var(--mu2);margin-top:2px}
.bl .a{font:700 15px var(--fm);color:var(--m);direction:ltr;unicode-bidi:isolate;text-align:end}

/* ============ الختام ============ */
.sec.close{text-align:center;padding:clamp(90px,13vw,160px) 0}
.ceyebrow{font:600 12px var(--fb);letter-spacing:.2em;color:var(--m);margin-bottom:18px}
.big2{font-size:clamp(28px,4.4vw,56px);max-width:21ch;margin:0 auto;letter-spacing:-.025em}
.big2 em{font-style:normal;color:var(--m)}
.contact{margin-top:44px}
.big-cta{display:inline-block;font:700 clamp(24px,3.4vw,42px) var(--fm);color:var(--ink);
  background:var(--m);border-radius:999px;padding:16px 42px;letter-spacing:-.01em;
  transition:transform .35s var(--ease),box-shadow .35s}
.big-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 22px 56px rgba(22,237,177,.34)}
.cnote{font:400 13px var(--fb);color:var(--mu);margin-top:18px}
.sig{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:52px;opacity:.6}
.sig img{height:30px;width:auto}
.sig .kz{height:34px;background:var(--paper);border-radius:7px;padding:4px 9px}
.sig .x{color:var(--mu2);font:400 15px var(--fm)}

.ftr{padding:34px 0 44px;border-top:1px solid rgba(143,166,173,.12);background:var(--ink)}
.ftr p{font:400 12.5px var(--fb);color:var(--mu2);margin:0 0 8px;text-align:center}
.ftr p b{color:var(--mu)}
.ftr .dis{font-size:11.5px;line-height:1.75;max-width:86ch;margin-inline:auto;color:#53646A}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  html.js [data-rev],html.js [data-split] span.w{opacity:1}
  .grain{display:none}
}
@media (max-width:560px){
  .wrap{padding:0 18px}
  .hero{padding:118px 0 70px}
  .big{font-size:clamp(28px,8.4vw,40px);max-width:none}
  .mf{max-width:none}
  .big-cta{font-size:22px;padding:14px 26px}
  .stat .v{font-size:30px}
}