/* الألوان: من هوية الموقع تلقائياً، و«الكلاسيكية» (data-pal=classic) تحفظ ألوان الإصدار الأول بالضبط للمواقع القائمة */
.tzn{--tzc-03140b:color-mix(in srgb,var(--x-deep) 70%,#000);--tzc-062316:var(--x-deep);--tzc-08702b:var(--x-ac);--tzc-0b2a1c:color-mix(in srgb,var(--x-deep) 85%,var(--x-ac));--tzc-0b2a1c88:color-mix(in srgb,color-mix(in srgb,var(--x-deep) 85%,var(--x-ac)) 53%,transparent);--tzc-0b3a22:color-mix(in srgb,var(--x-ac) 25%,var(--x-deep));--tzc-132018:color-mix(in srgb,var(--x-deep) 80%,#000);--tzc-1b6a3d:color-mix(in srgb,var(--x-ac) 70%,var(--x-deep));--tzc-1d5a35:color-mix(in srgb,var(--x-ac) 45%,var(--x-deep));--tzc-5c6b60:color-mix(in srgb,color-mix(in srgb,var(--x-deep) 80%,#000) 62%,#fff);--tzc-7a887d:color-mix(in srgb,color-mix(in srgb,var(--x-deep) 80%,#000) 55%,#fff);--tzc-8cc63f:var(--x-ac2B,var(--x-ac2));--tzc-8cc63f2a:color-mix(in srgb,var(--x-ac2B,var(--x-ac2)) 16%,transparent);--tzc-8cc63f33:color-mix(in srgb,var(--x-ac2B,var(--x-ac2)) 20%,transparent);--tzc-8cc63f44:color-mix(in srgb,var(--x-ac2B,var(--x-ac2)) 27%,transparent);--tzc-8cc63f66:color-mix(in srgb,var(--x-ac2B,var(--x-ac2)) 40%,transparent);--tzc-b9d3b4:color-mix(in srgb,#fff 70%,var(--x-ac2B,var(--x-ac2)));--tzc-c4ec8a:color-mix(in srgb,var(--x-ac2B,var(--x-ac2)) 55%,#fff);--tzc-c9dcc5:color-mix(in srgb,#fff 78%,var(--x-ac2B,var(--x-ac2)));--tzc-cfe3c8:color-mix(in srgb,#fff 80%,var(--x-ac2B,var(--x-ac2)));--tzc-cfe6b8:color-mix(in srgb,var(--x-ac2B,var(--x-ac2)) 35%,#fff);--tzc-d6e9cf:color-mix(in srgb,#fff 84%,var(--x-ac2B,var(--x-ac2)));--tzc-d8b25a:var(--x-ac2);--tzc-dfe5dc:color-mix(in srgb,color-mix(in srgb,var(--x-deep) 80%,#000) 13%,#fff);--tzc-dfe8da:color-mix(in srgb,color-mix(in srgb,var(--x-deep) 80%,#000) 12%,#fff);--tzc-e3eadf:color-mix(in srgb,color-mix(in srgb,var(--x-deep) 80%,#000) 12%,#fff);--tzc-eef3ea:color-mix(in srgb,color-mix(in srgb,var(--x-deep) 80%,#000) 8%,#fff);--tzc-eef4e8:color-mix(in srgb,var(--x-ac) 7%,#fff);--tzc-f3f6f1:color-mix(in srgb,var(--x-ac) 5%,#fff);--tzc-f4f7f0:color-mix(in srgb,var(--x-ac) 4%,#fff);--tzc-f6f8f4:color-mix(in srgb,var(--x-ac) 4%,#fff)}
.tzn[data-pal=classic]{--tzc-03140b:#03140b;--tzc-062316:#062316;--tzc-08702b:#08702b;--tzc-0b2a1c:#0b2a1c;--tzc-0b2a1c88:#0b2a1c88;--tzc-0b3a22:#0b3a22;--tzc-132018:#132018;--tzc-1b6a3d:#1b6a3d;--tzc-1d5a35:#1d5a35;--tzc-5c6b60:#5c6b60;--tzc-7a887d:#7a887d;--tzc-8cc63f:#8cc63f;--tzc-8cc63f2a:#8cc63f2a;--tzc-8cc63f33:#8cc63f33;--tzc-8cc63f44:#8cc63f44;--tzc-8cc63f66:#8cc63f66;--tzc-b9d3b4:#b9d3b4;--tzc-c4ec8a:#c4ec8a;--tzc-c9dcc5:#c9dcc5;--tzc-cfe3c8:#cfe3c8;--tzc-cfe6b8:#cfe6b8;--tzc-d6e9cf:#d6e9cf;--tzc-d8b25a:#d8b25a;--tzc-dfe5dc:#dfe5dc;--tzc-dfe8da:#dfe8da;--tzc-e3eadf:#e3eadf;--tzc-eef3ea:#eef3ea;--tzc-eef4e8:#eef4e8;--tzc-f3f6f1:#f3f6f1;--tzc-f4f7f0:#f4f7f0;--tzc-f6f8f4:#f6f8f4}
/* صفحة النشرة (قسم nlpage): بطلٌ تتطاير فيه الرسائل نحو صندوق البريد، ثم ما يصلك، وشكل الرسالة، ومتى تصل، ونبذة بالأرقام، وأسئلة، وشريط اشتراكٍ يرافق النزول.
   كل الأصناف تحت .tzn وتبدأ بـ n- كي لا تتعارض مع أقسام الموقع */
.xt-nlpage{padding:0!important;background:var(--n-bg)!important}
.tzn{--deep:var(--tzc-062316);--deep2:var(--tzc-0b2a1c);--ac:var(--x-ac,#08702b);--lime:var(--tzc-8cc63f);--lime2:var(--tzc-c4ec8a);--gold:var(--tzc-d8b25a);--card:#fff;--ink:var(--tzc-132018);--mu:var(--tzc-5c6b60);--ln:var(--tzc-dfe8da);--soft:var(--tzc-eef4e8);--n-bg:var(--tzc-f4f7f0);
  background:var(--n-bg);color:var(--ink);line-height:1.85;font-size:16.5px;overflow-x:clip}
.tzn *{box-sizing:border-box}
.tzn h1,.tzn h2,.tzn h3{margin:0;line-height:1.3;text-wrap:balance;color:inherit}
.tzn p{margin:0}
.tzn .num{font-variant-numeric:tabular-nums}
.n-w{max-width:1180px;margin-inline:auto;padding-inline:20px}
.n-k{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ac)}
.n-k:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px color-mix(in srgb,var(--lime) 25%,transparent)}
.n-dark .n-k{color:var(--lime2)}
.n-sec{padding-block:64px}.n-sec0{padding-top:0}
.n-head{display:grid;gap:8px;margin-bottom:28px;max-width:740px}
.n-head h2{font-size:clamp(26px,3.4vw,38px)}
.n-head p{color:var(--mu)}
.n-dark{background:var(--deep);color:#fff}
.n-dark .n-head p{color:var(--tzc-c9dcc5)}
/* البطل */
.n-hero{position:relative;overflow:hidden;background:radial-gradient(110% 120% at 85% 0%,var(--tzc-1d5a35),var(--deep) 58%,var(--tzc-03140b));color:#fff;padding-block:130px 80px}
.n-cv{position:absolute;inset:0;width:100%;height:100%}
.n-hero .n-w{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:center}
.n-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--tzc-b9d3b4)}
.n-crumb a{color:var(--lime2);text-decoration:none;font-weight:600}
.n-crumb a:hover{text-decoration:underline}
.n-crumb i{font-style:normal;opacity:.6}
.n-hero h1{font-size:clamp(36px,5.2vw,62px);margin-block:14px}
.n-hero h1 .hl{color:var(--lime2);position:relative;display:inline-block}
.n-hero h1 svg{position:absolute;inset-inline:0;bottom:-8px;width:100%;height:14px}
.n-hero h1 path{fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ndraw 1.6s .4s ease forwards}
@keyframes ndraw{to{stroke-dashoffset:0}}
.n-lead{color:var(--tzc-d6e9cf);font-size:clamp(16.5px,1.8vw,19px);max-width:52ch}
.n-fw{display:grid;gap:10px;max-width:540px;margin-top:22px}
.n-form{margin:0}
.n-fr{display:flex;gap:8px;background:#ffffff14;border:1px solid #ffffff2a;border-radius:99px;padding:6px;backdrop-filter:blur(8px)}
.n-fw,.n-fr{min-width:0}
.n-fr input{flex:1;min-width:0;width:0;border:0;background:transparent;color:#fff;font:inherit;font-size:16px;padding:10px 16px;text-align:right}
.n-fr input::placeholder{color:var(--tzc-b9d3b4)}
.n-fr input:focus{outline:none}
.n-fr:focus-within{border-color:var(--lime);box-shadow:0 0 0 4px var(--tzc-8cc63f33)}
.n-fr button{border:0;border-radius:99px;background:linear-gradient(90deg,var(--lime),var(--lime2));color:var(--deep);font:inherit;font-weight:700;font-size:16px;padding:10px 26px;cursor:pointer;transition:transform .2s;white-space:nowrap}
.n-fr button:hover{transform:translateY(-2px)}
.n-fr button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.n-ints{display:flex;flex-wrap:wrap;gap:8px}
.n-ints label{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;background:#ffffff0f;border:1px solid #ffffff22;border-radius:99px;padding:5px 12px;cursor:pointer}
.n-ints input{accent-color:var(--lime)}
.n-note{font-size:13px;color:var(--tzc-b9d3b4)}
.tzn .tz-nl-ok{color:var(--lime2);font-weight:700;display:flex;gap:8px;align-items:center}
.tzn .tz-nl-ok svg{width:26px;height:26px}
/* المشهد */
.n-scene{position:relative;justify-self:center;width:420px;max-width:100%;aspect-ratio:1}
.n-ring{position:absolute;inset:6%;border-radius:50%;border:1px dashed #ffffff26;animation:nspin 40s linear infinite}
.n-ring.b{inset:20%;animation-duration:28s;animation-direction:reverse;border-color:var(--tzc-8cc63f44)}
@keyframes nspin{to{transform:rotate(360deg)}}
.n-box{position:absolute;inset:30%;border-radius:32px;background:linear-gradient(150deg,var(--tzc-1b6a3d),var(--tzc-0b3a22));border:1px solid var(--tzc-8cc63f66);display:grid;place-items:center;box-shadow:0 30px 60px -20px #000c,inset 0 1px 0 #ffffff22}
.n-box>svg{width:56%;color:var(--lime2)}
.n-cnt{position:absolute;top:-16px;left:-16px;border-radius:99px;background:var(--gold);color:var(--deep);font-weight:700;font-size:14px;padding:6px 14px;box-shadow:0 8px 20px -6px #000a;white-space:nowrap}
.n-fly{position:absolute;left:0;top:0;width:54px;height:40px;border-radius:9px;background:#fff;box-shadow:0 10px 20px -8px #000a;display:grid;place-items:center;animation:nfly 6.4s cubic-bezier(.5,.1,.4,1) infinite;opacity:0}
.n-fly svg{width:60%;color:var(--ac)}
.n-fly:nth-of-type(1){offset-path:path("M20 60 C 120 0, 200 120, 210 210")}
.n-fly:nth-of-type(2){offset-path:path("M400 40 C 300 30, 260 140, 210 210");animation-delay:1.6s}
.n-fly:nth-of-type(3){offset-path:path("M410 380 C 330 360, 250 300, 210 210");animation-delay:3.2s}
.n-fly:nth-of-type(4){offset-path:path("M10 360 C 90 330, 160 280, 210 210");animation-delay:4.8s}
@keyframes nfly{0%{offset-distance:0%;opacity:0;transform:scale(.7)}12%{opacity:1}80%{opacity:1;transform:scale(1)}100%{offset-distance:100%;opacity:0;transform:scale(.3)}}
.n-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid #ffffff2a;border-radius:99px;padding:5px 12px;font-size:12.5px;backdrop-filter:blur(6px);animation:nbob 5s ease-in-out infinite;white-space:nowrap}
.n-chip i{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.n-chip.c1{top:6%;right:2%}.n-chip.c2{bottom:10%;right:-2%;animation-delay:1.2s}.n-chip.c3{top:42%;left:-4%;animation-delay:2.4s}
@keyframes nbob{50%{transform:translateY(-8px)}}
/* ما يصلك */
.n-gets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.n-get{background:var(--card);border-radius:24px;padding:22px;box-shadow:0 1px 0 var(--ln);display:grid;gap:10px;align-content:start;transition:transform .3s}
.n-get:hover{transform:translateY(-4px)}
.n-get .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.n-get .ic svg{width:26px;height:26px}
.n-get h3{font-size:17.5px}
.n-get p{font-size:14.5px;color:var(--mu)}
/* شكل الرسالة */
.n-mailw{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}
.n-pts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.n-pts li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}
.n-pts li>span{width:34px;height:34px;border-radius:11px;background:var(--deep2);color:var(--lime2);display:grid;place-items:center;font-weight:700}
.n-pts b{display:block}.n-pts small{color:var(--mu);font-size:14px;display:block}
.n-mail{background:#fff;border-radius:22px;box-shadow:0 40px 70px -40px var(--tzc-0b2a1c88),0 1px 0 var(--ln);overflow:hidden;transform:perspective(1200px) rotateY(-6deg);transition:transform .5s}
.n-mail:hover{transform:none}
.n-mail .top{display:flex;gap:8px;align-items:center;padding:12px 16px;background:var(--tzc-f3f6f1);border-bottom:1px solid var(--tzc-e3eadf);font-size:13px;color:var(--mu)}
.n-mail .top i{width:10px;height:10px;border-radius:50%;background:var(--tzc-dfe5dc)}
.n-mail .top span{margin-inline-start:6px}
.n-mail .hd{background:var(--deep);color:#fff;text-align:center;padding:18px;font-weight:700}
.n-mail .bd{padding:18px 20px;display:grid;gap:12px}
.n-mail .it{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--tzc-eef3ea)}
.n-mail .it:last-of-type{border:0;padding:0}
.n-mail .ph{height:62px;border-radius:12px;background:linear-gradient(135deg,var(--tzc-cfe6b8),var(--tzc-8cc63f))}
.n-mail .ph.p1{background:linear-gradient(135deg,#bfe0e6,#2b7a8c)}.n-mail .ph.p2{background:linear-gradient(135deg,#efe0bd,#b0882c)}
.n-mail .it small{color:var(--tzc-08702b);font-weight:700;font-size:11.5px;display:block}
.n-mail .it b{display:block;font-size:14.5px;line-height:1.5}
.n-mail .go{justify-self:center;background:var(--tzc-08702b);color:#fff;border-radius:99px;padding:8px 22px;font-weight:700;font-size:13.5px}
.n-mail .ft{text-align:center;font-size:11.5px;color:var(--tzc-7a887d);padding:10px;background:var(--tzc-f6f8f4)}
/* متى تصلك */
.n-rhythm{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:22px;align-items:start}
.n-flow{background:var(--card);border-radius:24px;padding:22px;box-shadow:0 1px 0 var(--ln);display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.1fr);grid-template-rows:auto auto;gap:12px;position:relative}
.n-tr{display:grid;gap:4px;align-content:start;background:var(--soft);border-radius:18px;padding:14px;position:relative}
.n-tr>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--ac);box-shadow:0 1px 0 var(--ln)}
.n-tr>span svg{width:21px;height:21px}
.n-tr b{font-size:15px}.n-tr small{font-size:13px;color:var(--mu);line-height:1.6}
.n-tr:after{content:"";position:absolute;inset-inline-end:-10px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 25%,transparent);animation:npulse 2s infinite;animation-delay:calc(var(--d) * .4s)}
@keyframes npulse{50%{transform:scale(1.5);opacity:.5}}
.n-dest{grid-column:3;grid-row:1/3;border-radius:20px;background:var(--deep);color:#fff;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:20px}
.n-dest>span{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(140deg,var(--lime),var(--lime2));color:var(--deep);animation:nbob 4s ease-in-out infinite}
.n-dest>span svg{width:36px;height:36px}
.n-dest b{font-size:18px}.n-dest small{color:var(--tzc-c9dcc5);font-size:13px}
.n-promise{background:var(--deep);color:#fff;border-radius:24px;padding:24px;display:grid;gap:14px;align-content:start}
.n-promise h3{font-size:19px}
.n-promise div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;font-size:14.5px;color:var(--tzc-d6e9cf)}
.n-promise div:before{content:"✓";width:28px;height:28px;border-radius:9px;background:var(--tzc-8cc63f2a);color:var(--lime2);display:grid;place-items:center;font-weight:700}
/* عن المبرة */
.n-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.n-st{border-radius:24px;padding:22px;background:#ffffff0b;border:1px solid #ffffff1c;display:grid;gap:4px;position:relative;overflow:hidden}
.n-st b{font-size:clamp(34px,4vw,46px);line-height:1.1;color:var(--lime2)}
.n-st span{font-size:14px;color:var(--tzc-c9dcc5)}
.n-st svg{position:absolute;inset-inline-end:16px;top:16px;width:26px;height:26px;color:#ffffff40}
.n-journey{margin-top:34px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.n-journey:before{content:"";position:absolute;top:22px;inset-inline:8%;height:2px;background:linear-gradient(270deg,var(--lime),#ffffff22)}
.n-jp{position:relative;display:grid;gap:6px;justify-items:center;text-align:center}
.n-jp i{width:46px;height:46px;border-radius:50%;background:var(--deep);border:2px solid var(--lime);display:grid;place-items:center;font-style:normal;color:var(--lime2);font-weight:700;z-index:1}
.n-jp b{font-size:16px}.n-jp small{font-size:13px;color:var(--tzc-b9d3b4);max-width:24ch}
.n-tracks{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;justify-content:center}
.n-tracks span{border-radius:99px;padding:6px 14px;font-size:13.5px;background:#ffffff10;border:1px solid #ffffff22}
/* الأسئلة بعرض الصفحة، والختام */
.n-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.n-faq details{background:var(--card);border-radius:20px;padding:16px 20px;box-shadow:0 1px 0 var(--ln)}
.n-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.n-faq summary::-webkit-details-marker{display:none}
.n-faq summary:after{content:"+";color:var(--ac);font-size:22px;line-height:1}
.n-faq details[open] summary:after{content:"−"}
.n-faq summary:focus-visible{outline:2px solid var(--ac);outline-offset:4px;border-radius:8px}
.n-faq p{color:var(--mu);margin-top:8px;font-size:15px}
.n-final{border-radius:30px;background:radial-gradient(120% 140% at 15% 0%,var(--tzc-1d5a35),var(--deep) 60%);color:#fff;padding:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}
.n-final h2{font-size:clamp(26px,3vw,36px)}
.n-final p{color:var(--tzc-d6e9cf);margin-top:8px}
.n-final .n-fw{margin:0}
/* شريط الاشتراك المرافق */
.n-bar{position:fixed;z-index:70;bottom:18px;left:50%;transform:translate(-50%,0);width:min(760px,calc(100% - 32px));display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:14px;align-items:center;background:color-mix(in srgb,var(--deep) 90%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--tzc-8cc63f44);color:#fff;border-radius:22px;padding:10px 12px 10px 14px;box-shadow:0 24px 50px -20px #000c;transition:transform .45s cubic-bezier(.2,.9,.25,1.1),opacity .35s}
.n-bar.off{transform:translate(-50%,140%);opacity:0;pointer-events:none}
.n-bar .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,var(--lime),var(--lime2));color:var(--deep)}
.n-bar .ic svg{width:22px;height:22px}
.n-bar .t{display:grid;line-height:1.4}
.n-bar .t b{font-size:15px}.n-bar .t small{font-size:12.5px;color:var(--tzc-c9dcc5)}
.n-bar .n-fw{margin:0;max-width:none}
.n-bar .n-fr{padding:4px}
.n-bar .n-fr input{padding:8px 12px;font-size:15px}
.n-bar .n-fr button{padding:8px 20px;font-size:15px}
.n-bar .x{width:32px;height:32px;border-radius:50%;border:0;background:#ffffff14;color:var(--tzc-cfe3c8);cursor:pointer;font-size:13px}
.n-bar .x:hover{background:#ffffff26}
.n-bar .tz-nl-ok{font-size:14px}
@media (max-width:900px){
  .n-hero{padding-block:110px 60px}
  .n-hero .n-w,.n-mailw,.n-rhythm,.n-final{grid-template-columns:minmax(0,1fr)}
  .n-scene{width:330px}
  .n-fly{display:none}
  .n-gets,.n-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .n-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.n-journey:before{display:none}
  .n-mail{transform:none}
  .n-faq{grid-template-columns:minmax(0,1fr)}
  .n-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.n-dest{grid-column:1/-1;grid-row:auto}.n-tr:after{display:none}
}
@media (max-width:600px){
  .n-gets{grid-template-columns:minmax(0,1fr)}
  .n-final{padding:26px}
  .n-fr{flex-wrap:wrap;border-radius:22px}.n-fr button{flex:1 1 100%}
  .n-scene{width:280px}.n-chip{display:none}
  .n-bar{grid-template-columns:minmax(0,1fr) auto;bottom:12px;width:auto;left:12px;right:88px;transform:none;padding:8px;border-radius:18px}
  .n-bar.off{transform:translateY(140%)}
  .n-bar .ic,.n-bar .t{display:none}
  .n-bar .n-fr{flex-wrap:nowrap;border-radius:99px}.n-bar .n-fr button{flex:none;padding:8px 14px}
}
@media (prefers-reduced-motion:reduce){.tzn *,.tzn *:before,.tzn *:after{animation:none!important;transition:none!important}.n-hero h1 path{stroke-dashoffset:0}.n-fly{display:none}}
