content(proposal): de-AI the Arabic, add crest watermark, rescope to 4-6 weeks

Copy — the previous register read as marketing/AI boilerplate to a board
audience. Removed the tells and rewrote in institutional MSA:
- Drop staccato fragment headlines and their trailing periods
  ("ثلاثة محاور. لا أكثر." -> "نطاق المرحلة الأولى: ثلاثة محاور")
- Drop rhetorical punchlines ("الاحتكاك يقتل الاشتراك."،
  "ليست صورًا تخيلية."، "من ينسى، لا يدفع.") for descriptive prose
- Drop the «مصنع البيانات» metaphor and the pitch-deck eyebrow "لماذا الآن"
- Rewrite all 8 prototype screen annotations from slogans to labels
  ("البوابة تعرف من يدخل" -> "الدخول بكود QR")
- Reduce rhetorical em-dashes; keep structural ones only

Schedule — project is 4-6 weeks, not 12. Timeline recompressed from six
milestones over 12 weeks to five over 6, with the 4-week case stated as
conditional on data and accounts landing in week 1. Updated hero stat,
scope lede, price card, plan heading and footer badge to match.

Design — elegant crest watermark:
- Oversized club crest bleeding off the inline-start edge of the hero,
  gold-tinted, offset so it does not double with the hero logo
- Alternating-side crest ghosts on problem/scope/flow/price sections
- Crest in the price card and footer, plus a gold hairline on the footer
- Uses background-image + filter, not mask-image: masks give a cleaner
  silhouette but do not paint in headless Chrome, so this variant is the
  one that can actually be verified before shipping
- Logical properties throughout (inset-inline, margin-inline) so the
  watermark mirrors correctly in RTL
- Added a prefers-reduced-motion guard for the scroll reveal
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Proposal/sayd-mobile/css/styles.css

@@ -136,7 +136,7 @@ h2.title{ font-size:clamp(1.7rem,3.4vw,2.5rem); color:var(--navy); margin-bottom
   color:#fff; text-align:center; padding:120px 24px 80px; overflow:hidden;
 }
 .hero::after{
-  content:''; position:absolute; inset:0; pointer-events:none; opacity:.16;
+  content:''; position:absolute; inset:0; pointer-events:none; opacity:.10;
   background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
   background-size:64px 64px;
@@ -567,3 +567,65 @@ footer small{ font-size:.72rem; color:#5C7A9C; }
   .flow{ grid-template-columns:1fr; }
   .tl{ padding-inline-start:22px; }
 }
+
+/* ================= WATERMARK ==================
+   Crest ghost behind the content. Uses background-image + filter rather than
+   mask-image: masks give a cleaner single-tone silhouette, but they fail to
+   paint in headless Chrome, so this variant is the one that can be verified.
+   Decorative only: pointer-events off, sits under .wrap at z-index 0.
+   Centering uses inset-inline + margin-inline (logical) so it holds in RTL. */
+.wm{ overflow:hidden; }
+.wm::before{
+  content:''; position:absolute; z-index:0; pointer-events:none;
+  width:min(44vw,500px); aspect-ratio:1240/1754;
+  top:50%; inset-inline-end:-11%; transform:translateY(-50%);
+  background:url(../assets/club-logo.png) center/contain no-repeat;
+  filter:grayscale(1); opacity:.06;
+}
+.wm > .wrap{ position:relative; z-index:1; }
+.wm.alt::before{ opacity:.07; }
+.dark.wm::before{ filter:grayscale(1) brightness(2.6); opacity:.075; }
+.wm.wm-start::before{ inset-inline-end:auto; inset-inline-start:-11%; }
+
+/* Hero: oversized crest seated behind the content like an embossed seal,
+   tinted to the brand gold instead of grey. */
+.hero::before{
+  content:''; position:absolute; z-index:1; pointer-events:none;
+  width:min(58vw,540px); aspect-ratio:1240/1754;
+  top:50%; inset-inline-start:-9%; transform:translateY(-50%);
+  background:url(../assets/club-logo.png) center/contain no-repeat;
+  filter:grayscale(1) sepia(1) saturate(2.6) hue-rotate(354deg) brightness(1.15);
+  opacity:.10;
+}
+
+/* Price card: crest anchored low on the inline-start, opposite the gold flare. */
+.price-hero::before{
+  content:''; position:absolute; z-index:0; pointer-events:none;
+  width:300px; aspect-ratio:1240/1754;
+  bottom:-34%; inset-inline-start:-3%;
+  background:url(../assets/club-logo.png) center/contain no-repeat;
+  filter:grayscale(1) sepia(1) saturate(2.4) brightness(1.2); opacity:.12;
+}
+
+footer{ position:relative; overflow:hidden; border-top:1px solid rgba(201,162,39,.28); }
+footer::before{
+  content:''; position:absolute; z-index:0; pointer-events:none;
+  width:min(70vw,400px); aspect-ratio:1240/1754;
+  bottom:-46%; inset-inline:0; margin-inline:auto;
+  background:url(../assets/club-logo.png) center/contain no-repeat;
+  filter:grayscale(1) brightness(2.6); opacity:.08;
+}
+footer > *{ position:relative; z-index:1; }
+
+/* Hairline gold rule closing each major light section. */
+.rule-gold{ height:1px; border:0; margin:0;
+  background:linear-gradient(90deg,transparent,rgba(201,162,39,.42),transparent); }
+
+@media (max-width:760px){
+  .wm::before{ width:74vw; inset-inline-end:-26%; opacity:.05; }
+  .hero::before{ width:86vw; inset-inline-start:-30%; opacity:.085; }
+  .price-hero::before{ width:200px; bottom:-40%; }
+}
+@media (prefers-reduced-motion:reduce){
+  .reveal{ opacity:1; transform:none; transition:none; }
+}

Proposal/sayd-mobile/index.html

@@ -41,11 +41,11 @@
   <div class="hero-in">
     <img src="assets/club-logo.png" alt="نادي الصيد المصري" class="hero-logo">
     <div class="hero-tag">المرحلة الأولى &mdash; تطبيق الأعضاء وبوابة البيانات</div>
-    <h1>تطبيق الأعضاء<br>ومتابعة <em>التحصيلات</em>.</h1>
+    <h1>تطبيق الأعضاء<br>ومتابعة <em>التحصيلات</em></h1>
     <p class="hero-sub">
-      تطبيق موبايل لأعضاء نادي الصيد المصري يعرض المستحقات ويحصّلها إلكترونيًا،
-      ويشترك في الأنشطة الرياضية، ويفتح البوابة بكود QR &mdash;
-      مدعوم ببوابة إدارية بسيطة ترفعون إليها بياناتكم من ملفات Excel جاهزة، بدون نظام ERP كامل.
+      تطبيق موبايل لأعضاء نادي الصيد المصري، يعرض على العضو ما عليه من مستحقات ويتيح له سدادها إلكترونيًا،
+      والاشتراك في الأنشطة الرياضية، ودخول النادي بكود QR. تسنده بوابة إدارية ترفع عليها إدارة النادي
+      بياناتها من ملفات Excel جاهزة، دون الحاجة إلى نظام ERP كامل.
     </p>
     <div class="btn-row">
       <a href="#app" class="btn btn-gold">شاهدوا نموذج التطبيق ↓</a>
@@ -53,7 +53,7 @@
     </div>
     <div class="hero-stats">
       <div class="hero-stat"><b class="num">3</b><span>محاور فقط في المرحلة الأولى</span></div>
-      <div class="hero-stat"><b class="num">12</b><span>أسبوعًا حتى الإطلاق</span></div>
+      <div class="hero-stat"><b class="num">4 &ndash; 6</b><span>أسابيع حتى الإطلاق</span></div>
       <div class="hero-stat"><b class="num">6</b><span>ملفات Excel لتشغيل النظام</span></div>
       <div class="hero-stat"><b class="num">900,000</b><span>جنيه &mdash; شامل كل شيء</span></div>
     </div>
@@ -70,63 +70,63 @@
 </section>
 
 <!-- ============ PROBLEM ============ -->
-<section id="problem">
+<section class="wm wm-start" id="problem">
   <div class="wrap">
     <div class="reveal">
-      <div class="eyebrow">لماذا الآن</div>
-      <h2 class="title">كل إدارة نادٍ تواجه المشكلة نفسها: التحصيل.</h2>
+      <div class="eyebrow">خلفية المشروع</div>
+      <h2 class="title">تأخر التحصيل هو ما يعالجه هذا العرض</h2>
       <p class="lede">
-        لا داعي لانتظار نظام ERP بمائتي شاشة حتى تُحَلّ أزمة قائمة اليوم.
-        فالأزمة محدَّدة وواضحة: <strong>المال المستحق موجود، لكنه لا يصل إلى الخزنة في وقته.</strong>
-        وهذا العرض يعالج هذه النقطة تحديدًا &mdash; ولا شيء غيرها.
+        لا يحتاج النادي إلى نظام إداري متكامل ليعالج ما يواجهه اليوم.
+        فالمستحقات قائمة ومعروفة، <strong>غير أنها تصل إلى الخزنة متأخرة أو لا تصل.</strong>
+        وقد وُضع هذا العرض لمعالجة هذه النقطة دون غيرها، على أن يبقى ما عداها مطروحًا لمرحلة تالية.
       </p>
     </div>
 
     <div class="grid g3 reveal" style="margin-top:38px;">
       <div class="pain">
         <h4>التجديد يعتمد على مبادرة العضو</h4>
-        <p>لا أحد يذكّر العضو بموعد تجديد عضويته أو بقسطه المستحق. من ينسى، لا يدفع. ومن لا يدفع، لا يُلاحَق إلا بعد شهور.</p>
+        <p>لا يصل إلى العضو تنبيه بموعد التجديد ولا بقسطه المستحق، فيتأخر السداد أشهرًا قبل أن تنتبه إليه المتابعة اليدوية.</p>
       </div>
       <div class="pain">
         <h4>الدفع يتطلب الحضور شخصيًا</h4>
-        <p>كل جنيه يمر عبر شباك الخزنة في ساعات عمل محدودة، والعضو المسافر أو المشغول يعني تحصيلًا مؤجَّلًا إلى أجل غير معلوم.</p>
+        <p>التحصيل كله يمر بشباك الخزنة في ساعات عمل محدودة، فيتأجل سداد العضو المسافر أو المشغول إلى أجل غير محدد.</p>
       </div>
       <div class="pain">
-        <h4>لا صورة لحظية للمتأخرات</h4>
+        <h4>لا تتوافر صورة لحظية للمتأخرات</h4>
         <p>معرفة «كم لنا عند الأعضاء هذا الشهر؟» تتطلب عملًا يدويًا على كشوف متفرقة، والنتيجة تصل متأخرة وغير دقيقة.</p>
       </div>
       <div class="pain">
         <h4>الأنشطة الرياضية بلا سعر معلن</h4>
-        <p>ولي الأمر لا يعرف تكلفة اشتراك ابنه في السباحة أو الكاراتيه قبل أن يسأل موظفًا. الاحتكاك يقتل الاشتراك.</p>
+        <p>لا يعرف ولي الأمر تكلفة اشتراك ابنه في السباحة أو الكاراتيه قبل أن يسأل موظفًا، وهذه الخطوة وحدها تصرف كثيرين عن الاشتراك.</p>
       </div>
       <div class="pain">
         <h4>الدعوات بلا سقف ولا محاسبة</h4>
-        <p>لا سجل دقيق لمن استهلك دعواته، ولا آلية بسيطة لبيع دعوة إضافية. إيراد كامل يضيع على البوابة.</p>
+        <p>لا يوجد سجل دقيق لما استهلكه كل عضو من دعواته، ولا آلية منظمة لبيع دعوة إضافية، فيضيع على النادي إيراد قائم بالفعل.</p>
       </div>
       <div class="pain">
-        <h4>البوابة نقطة اختناق</h4>
-        <p>التحقق من صلاحية العضوية عند الدخول يدوي وبطيء، ولا يميّز بسهولة بين عضو سدد وعضو متأخر.</p>
+        <h4>التحقق عند البوابة يدوي</h4>
+        <p>التحقق من سريان العضوية عند الدخول يتم يدويًا، وهو بطيء ولا يميّز بسهولة بين عضو سدَّد وآخر متأخر.</p>
       </div>
     </div>
 
     <div class="note reveal" style="margin-top:34px;">
-      <strong>القرار الذي بنينا عليه هذا العرض:</strong>
-      بدلًا من انتظار مشروع ERP كامل بميزانية بالملايين ومدة تنفيذ طويلة، نبدأ بأصغر منتج يحل أكبر ألم &mdash;
-      تطبيق موبايل للأعضاء + بوابة بيانات مبسّطة. تبدأون التشغيل خلال ثلاثة أشهر، وتحصّلون من الشهر الأول للإطلاق.
-      وما تبقّى من طموحات النظام يبقى قرارًا مفتوحًا لمرحلة قادمة، إن أردتم.
+      <strong>منهج العرض:</strong>
+      بدلًا من انتظار مشروع ERP كامل بميزانية بالملايين ومدة تنفيذ طويلة، نبدأ بنطاق محدود يعالج أكبر خسارة قائمة:
+      تطبيق موبايل للأعضاء وبوابة بيانات مبسّطة. يبدأ التشغيل خلال ستة أسابيع على الأكثر، ويبدأ التحصيل من الشهر الأول للإطلاق،
+      ويبقى ما عدا ذلك قرارًا مفتوحًا لمرحلة تالية.
     </div>
   </div>
 </section>
 
 <!-- ============ SCOPE ============ -->
-<section class="alt" id="scope">
+<section class="alt wm" id="scope">
   <div class="wrap">
     <div class="reveal">
       <div class="eyebrow">حدود المشروع</div>
-      <h2 class="title">ثلاثة محاور. لا أكثر.</h2>
+      <h2 class="title">نطاق المرحلة الأولى: ثلاثة محاور</h2>
       <p class="lede">
-        وضوح النطاق هو ما يجعل هذا المشروع قابلًا للتنفيذ في 12 أسبوعًا وبميزانية 900,000 جنيه.
-        كل ما هو خارج هذه المحاور الثلاثة مؤجَّل صراحةً إلى المرحلة الثانية.
+        حصر النطاق في ثلاثة محاور هو ما يجعل التنفيذ ممكنًا في أربعة إلى ستة أسابيع وبميزانية 900,000 جنيه.
+        وما يقع خارج هذه المحاور مؤجَّل صراحةً إلى مرحلة ثانية تُسعَّر على حدة.
       </p>
     </div>
 
@@ -203,11 +203,11 @@
 <section id="app">
   <div class="wrap">
     <div class="reveal">
-      <div class="eyebrow">نموذج تفاعلي &mdash; تطبيق العضو</div>
-      <h2 class="title">هذا ما سيراه العضو على هاتفه.</h2>
+      <div class="eyebrow">نموذج تفاعلي للتطبيق</div>
+      <h2 class="title">شاشات التطبيق كما سيراها العضو</h2>
       <p class="lede">
-        ليست صورًا تخيلية. الشاشات التالية شاشات حقيقية مبنية بنفس التصميم الذي سيُسلَّم.
-        اضغطوا على أي شاشة من القائمة لتصفُّحها.
+        الشاشات التالية مبنية بالتصميم نفسه الذي سيُسلَّم، وليست رسومًا تقريبية.
+        اضغطوا على أي شاشة في القائمة لعرضها.
       </p>
     </div>
 
@@ -624,12 +624,12 @@
 <section class="alt" id="portal">
   <div class="wrap">
     <div class="reveal">
-      <div class="eyebrow">نموذج تفاعلي &mdash; بوابة الإدارة</div>
-      <h2 class="title">وهذا ما ستراه إدارة النادي على الويب.</h2>
+      <div class="eyebrow">نموذج تفاعلي للبوابة</div>
+      <h2 class="title">بوابة الإدارة على الويب</h2>
       <p class="lede">
-        البوابة هي «مصنع البيانات» الذي يغذّي التطبيق. لا تحتاج تدريبًا طويلًا ولا موظفًا متخصصًا:
-        تحمّلون قالب Excel وتملأونه وترفعونه &mdash; والنظام يتحقق ويعتمد.
-        وما بعد الرفع الأول يُدار بالشاشات مباشرة.
+        البوابة هي مصدر البيانات الذي يغذّي التطبيق، ولا تتطلب تدريبًا طويلًا ولا موظفًا متخصصًا:
+        تحمّلون القالب وتملأونه وترفعونه، ويتولى النظام التحقق والاعتماد.
+        وبعد الرفع الأول تُدار البيانات من الشاشات مباشرة.
       </p>
     </div>
 
@@ -956,10 +956,10 @@
     </div>
 
     <div class="note reveal" style="margin-top:24px;">
-      <strong>لماذا «بوابة» لا «ERP»؟</strong>
-      لأن ما يحتاجه النادي اليوم هو مصدر بيانات موثوق يغذّي التطبيق، لا نظامًا لإدارة كل عملية داخلية.
-      يديرها موظف واحد أو اثنان، ويكفي يوم تدريبي واحد لإتقانها، وهي مبنيّة بحيث يمكن لاحقًا ربطها
-      بأي نظام ERP تختارونه في المرحلة الثانية دون إعادة إدخال البيانات.
+      <strong>بوابة بيانات لا نظام ERP:</strong>
+      ما يحتاجه النادي في هذه المرحلة مصدر بيانات موثوق يغذّي التطبيق، لا نظامًا يدير كل عملية داخلية.
+      يديرها موظف واحد أو اثنان، ويكفي يوم تدريبي واحد لإتقانها، وهي مبنيّة بحيث يمكن ربطها لاحقًا
+      بأي نظام ERP يختاره النادي دون إعادة إدخال البيانات.
     </div>
   </div>
 </section>
@@ -969,10 +969,10 @@
   <div class="wrap">
     <div class="reveal">
       <div class="eyebrow">قوالب البيانات</div>
-      <h2 class="title">ستة ملفات Excel تُشغّل النظام بالكامل.</h2>
+      <h2 class="title">ستة ملفات Excel يقوم عليها تشغيل النظام</h2>
       <p class="lede">
-        لا نطلب منكم إدخال بيانات يدويًا ولا ربطًا بأنظمة قائمة. نسلّمكم القوالب التالية جاهزة،
-        تملأونها بالبيانات المتاحة لديكم، وترفعونها على البوابة. القوالب أدناه حقيقية &mdash; حمّلوها وجرّبوها الآن.
+        لا يتطلب التشغيل إدخال بيانات يدويًا ولا ربطًا بأنظمة قائمة. نسلّم القوالب التالية جاهزة،
+        تُملأ بالبيانات المتاحة لدى النادي ثم تُرفع على البوابة. والقوالب المعروضة أدناه هي القوالب الفعلية، ويمكن تحميلها الآن.
       </p>
     </div>
 
@@ -1030,18 +1030,18 @@
 </section>
 
 <!-- ============ FLOW ============ -->
-<section class="dark" id="flow">
+<section class="dark wm wm-start" id="flow">
   <div class="wrap">
     <div class="reveal">
       <div class="eyebrow">آلية العمل</div>
-      <h2 class="title">من ملف Excel إلى جنيه في الخزنة &mdash; في أربع خطوات.</h2>
-      <p class="lede">دورة كاملة لا تحتاج نظامًا محاسبيًا ولا فريق تشغيل.</p>
+      <h2 class="title">دورة العمل في أربع خطوات</h2>
+      <p class="lede">دورة كاملة من رفع البيانات إلى تحصيلها، لا تتطلب نظامًا محاسبيًا ولا فريق تشغيل إضافيًا.</p>
     </div>
     <div class="flow reveal">
-      <div class="fstep"><div class="fn">١</div><h4>ارفعوا البيانات</h4><p>ملفات الأعضاء والمستحقات والأنشطة تُرفع على البوابة مرة واحدة، ثم تُحدَّث شهريًا.</p></div>
-      <div class="fstep"><div class="fn">٢</div><h4>يفعّل العضو تطبيقه</h4><p>يدخل برقم موبايله المسجَّل، فيتعرّف عليه النظام فورًا ويعرض عضويته ومستحقاته.</p></div>
-      <div class="fstep"><div class="fn">٣</div><h4>يُذكَّر ويسدّد</h4><p>إشعار قبل الاستحقاق وبعده. يسدّد بالبطاقة أو المحفظة، فيُحدَّث رصيده فورًا ويصله الإيصال.</p></div>
-      <div class="fstep"><div class="fn">٤</div><h4>ترون النتيجة</h4><p>لوحة تحصيل لحظية: كم دخل، كم متبقٍ، من المتأخر &mdash; بلا كشوف يدوية ولا انتظار.</p></div>
+      <div class="fstep"><div class="fn">١</div><h4>رفع البيانات</h4><p>ملفات الأعضاء والمستحقات والأنشطة تُرفع على البوابة مرة واحدة، ثم تُحدَّث شهريًا.</p></div>
+      <div class="fstep"><div class="fn">٢</div><h4>تفعيل العضو لتطبيقه</h4><p>يدخل برقم موبايله المسجَّل، فيتعرّف عليه النظام فورًا ويعرض عضويته ومستحقاته.</p></div>
+      <div class="fstep"><div class="fn">٣</div><h4>التذكير والسداد</h4><p>يصل الإشعار قبل موعد الاستحقاق وبعده، ويسدّد العضو بالبطاقة أو المحفظة، فيُحدَّث رصيده فورًا ويصله الإيصال.</p></div>
+      <div class="fstep"><div class="fn">٤</div><h4>متابعة التحصيل</h4><p>لوحة لحظية توضح ما تم تحصيله وما تبقّى وأسماء المتأخرين، دون كشوف يدوية ودون انتظار.</p></div>
     </div>
 
     <div class="grid g4 reveal" style="margin-top:48px;">
@@ -1073,23 +1073,21 @@
   <div class="wrap">
     <div class="reveal">
       <div class="eyebrow">خطة التنفيذ</div>
-      <h2 class="title">اثنا عشر أسبوعًا من التوقيع إلى المتجر.</h2>
-      <p class="lede">جدول واقعي، بتسليمات محددة في نهاية كل مرحلة، ومراجعة مشتركة قبل الانتقال للمرحلة التالية.</p>
+      <h2 class="title">خطة التنفيذ في أربعة إلى ستة أسابيع</h2>
+      <p class="lede">جدول بتسليمات محددة في نهاية كل مرحلة، ومراجعة مشتركة مع إدارة النادي قبل الانتقال إلى المرحلة التالية. المدة أربعة أسابيع إذا توافرت البيانات والحسابات في الأسبوع الأول، وستة أسابيع في الحد الأقصى.</p>
     </div>
 
     <div class="grid g2 reveal" style="margin-top:34px;align-items:start;gap:40px;">
       <div class="tl">
-        <div class="tl-i"><div class="tl-w">الأسبوع ١ &mdash; ٢</div><h4>التحليل وتخطيط إدخال البيانات</h4>
+        <div class="tl-i"><div class="tl-w">الأسبوع ١</div><h4>التحليل وتخطيط إدخال البيانات</h4>
           <p>ورشة عمل مع إدارة العضويات والأنشطة، وتثبيت أنواع العضوية وبنود المستحقات وسياسة الدعوات وقائمة الأنشطة. <strong>تسليم: القوالب الستة النهائية وخطة إدخال البيانات معتمدة</strong> &mdash; ويفتح النادي في الوقت نفسه الحسابات والخدمات المطلوبة (بوابة الدفع وحسابا المتجرين والاستضافة ومزوّد الرسائل).</p></div>
-        <div class="tl-i"><div class="tl-w">الأسبوع ٣ &mdash; ٥</div><h4>بناء بوابة الإدارة</h4>
-          <p>محرك رفع البيانات والتحقق، شاشات الأعضاء والمستحقات، تسعير الأنشطة، سياسة الدعوات، لوحة التحصيل. <strong>تسليم: بوابة عاملة ترفعون عليها بياناتكم الحقيقية.</strong></p></div>
-        <div class="tl-i"><div class="tl-w">الأسبوع ٦ &mdash; ٩</div><h4>بناء تطبيق الموبايل</h4>
-          <p>الدخول بـ OTP، بطاقة العضوية، المستحقات والسداد، الأنشطة والاشتراك، جدول التدريب، الإشعارات. ربط بوابة الدفع واختبار المعاملات الحقيقية.</p></div>
-        <div class="tl-i"><div class="tl-w">الأسبوع ١٠</div><h4>البوابة والدعوات</h4>
-          <p>QR المتجدد، شاشة المسح على بوابات النادي، محرك رصيد الدعوات وشرائها، وربطها بحالة السداد.</p></div>
-        <div class="tl-i"><div class="tl-w">الأسبوع ١١</div><h4>الاختبار بالبيانات الحقيقية</h4>
-          <p>تشغيل تجريبي مغلق مع ٥٠ عضوًا وثلاثة مدربين. تصحيح ما يظهر، واختبار الحمل والأمان.</p></div>
-        <div class="tl-i" style="padding-bottom:0;"><div class="tl-w">الأسبوع ١٢</div><h4>التدريب والإطلاق</h4>
+        <div class="tl-i"><div class="tl-w">الأسبوع ٢</div><h4>بناء بوابة الإدارة</h4>
+          <p>محرك رفع البيانات والتحقق، وشاشات الأعضاء والمستحقات، وتسعير الأنشطة، وسياسة الدعوات، ولوحة التحصيل. <strong>تسليم: بوابة عاملة ترفع عليها الإدارة بياناتها الحقيقية.</strong></p></div>
+        <div class="tl-i"><div class="tl-w">الأسبوع ٣ &mdash; ٤</div><h4>بناء تطبيق الموبايل</h4>
+          <p>الدخول بـ OTP، وبطاقة العضوية، والمستحقات والسداد، والأنشطة والاشتراك، وجدول التدريب، والإشعارات، مع ربط بوابة الدفع واختبار المعاملات الحقيقية.</p></div>
+        <div class="tl-i"><div class="tl-w">الأسبوع ٥</div><h4>البوابة والدعوات والاختبار</h4>
+          <p>كود QR المتجدد، وشاشة المسح على بوابات النادي، ومحرك رصيد الدعوات وشرائها وربطه بحالة السداد، ثم تشغيل تجريبي مغلق مع خمسين عضوًا وثلاثة مدربين واختبار الحمل والأمان.</p></div>
+        <div class="tl-i" style="padding-bottom:0;"><div class="tl-w">الأسبوع ٦</div><h4>التدريب والإطلاق</h4>
           <p>يوما تدريب لموظفي البوابة، ومادة تعريفية للأعضاء، ونشر التطبيق على App Store و Google Play باسم النادي، وبدء التشغيل الفعلي.</p></div>
       </div>
 
@@ -1119,11 +1117,11 @@
 </section>
 
 <!-- ============ PRICING ============ -->
-<section id="price">
+<section class="wm" id="price">
   <div class="wrap">
     <div class="reveal">
       <div class="eyebrow">العرض المالي</div>
-      <h2 class="title">سعر واحد، شامل، بلا بنود مخفية.</h2>
+      <h2 class="title">قيمة المشروع وجدول الدفعات</h2>
     </div>
 
     <div class="price-hero reveal" style="margin-top:28px;">
@@ -1135,7 +1133,7 @@
         </div>
         <div style="text-align:center;border-inline-start:1px solid rgba(255,255,255,.15);padding-inline-start:26px;">
           <div style="font-size:.8rem;color:#B9CCE6;">مدة التنفيذ</div>
-          <div style="font-family:var(--f-head);font-size:1.9rem;font-weight:900;color:#fff;"><span class="num">12</span> أسبوعًا</div>
+          <div style="font-family:var(--f-head);font-size:1.9rem;font-weight:900;color:#fff;"><span class="num">4 &ndash; 6</span> أسابيع</div>
           <div style="font-size:.76rem;color:#93AECF;">من التوقيع إلى <b style="color:var(--gold-2);">النشر على المتجرين</b></div>
         </div>
       </div>
@@ -1213,8 +1211,8 @@
 <section class="alt" id="terms">
   <div class="wrap narrow">
     <div class="reveal">
-      <div class="eyebrow">الشروط والأسئلة</div>
-      <h2 class="title">ما يهمكم معرفته قبل التوقيع.</h2>
+      <div class="eyebrow">شروط التعاقد</div>
+      <h2 class="title">أسئلة وشروط تعاقدية</h2>
     </div>
     <div class="reveal" style="margin-top:26px;">
       <details class="faq" open><summary>ماذا لو لم تكن بياناتنا منظمة أو ناقصة؟</summary>
@@ -1241,7 +1239,7 @@
   <p style="font-size:.85rem;max-width:520px;margin:10px auto 0;line-height:1.9;">
     عرض فني ومالي مقدَّم إلى مجلس إدارة نادي الصيد المصري &mdash; المرحلة الأولى: تطبيق الأعضاء وبوابة البيانات.
   </p>
-  <div class="fl"><span>900,000 ج.م</span><span>12 أسبوعًا</span><span>iOS + Android</span><span>تسليم كامل بالكود المصدري</span></div>
+  <div class="fl"><span>900,000 ج.م</span><span>4 &ndash; 6 أسابيع</span><span>iOS + Android</span><span>تسليم كامل بالكود المصدري</span></div>
   <small>وثيقة سرية &mdash; لا تُتداول خارج مجلس الإدارة &mdash; 2026</small>
 </footer>
 

Proposal/sayd-mobile/js/app.js

@@ -45,43 +45,43 @@
   /* ---------- mobile screen switcher ---------- */
   var NOTES = {
     login: {
-      t: 'دخول بلا كلمة مرور',
-      p: 'العضو يدخل برقم موبايله المسجَّل في بيانات النادي فقط. لا حسابات تُنشأ ولا كلمات مرور تُنسى ولا موظف يفعّل الحساب يدويًا.',
+      t: 'الدخول برقم الموبايل',
+      p: 'يدخل العضو برقم موبايله المسجَّل في بيانات النادي، دون إنشاء حساب أو كلمة مرور، ودون تفعيل يدوي من أي موظف.',
       b: ['التعرف الفوري على العضو من ملف الأعضاء المرفوع', 'كود تحقق OTP صالح لدقيقتين', 'جهاز واحد نشط لكل عضوية لمنع تداول الحساب بين أكثر من شخص']
     },
     home: {
-      t: 'كل ما يهم العضو في شاشة واحدة',
-      p: 'أول ما يراه العضو: هل عضويته سارية، وكم عليه، وكيف يسدّد فورًا. البطاقة الرقمية تغني عن الكارنيه الورقي.',
+      t: 'الشاشة الرئيسية',
+      p: 'تعرض الشاشة حالة العضوية وإجمالي المستحق وطريقة السداد في موضع واحد، وتغني البطاقة الرقمية عن الكارنيه الورقي.',
       b: ['حالة العضوية وتاريخ سريانها', 'إجمالي المستحق مع تنبيه التأخير', 'اشتراكات الأبناء ورصيد الدعوات']
     },
     dues: {
-      t: 'شفافية كاملة في المستحقات',
-      p: 'كل بند مستحق بمفرده: عن أي شهر، ولماذا، ومتى يستحق. لا مبالغ مجمّعة غامضة تُشكِّك العضو وتؤخر السداد.',
+      t: 'بيان المستحقات',
+      p: 'يظهر كل بند مستحق على حدة: عن أي شهر هو، وسببه، وتاريخ استحقاقه، بدلًا من مبلغ إجمالي غير مفصَّل يدفع العضو إلى الاستفسار وتأجيل السداد.',
       b: ['تجديدات وأقساط وغرامات وفواتير أنشطة', 'سداد بند واحد أو عدة بنود معًا', 'أرشيف كامل للمسدَّد مع إيصالاته']
     },
     pay: {
-      t: 'التحصيل حيث يوجد العضو',
-      p: 'بطاقة أو محفظة إلكترونية — أو كود سداد يُقدَّم لخزنة النادي لمن يفضّل الدفع نقدًا. كل الطرق تُسجَّل في نفس التقرير.',
+      t: 'وسائل السداد',
+      p: 'بطاقة بنكية أو محفظة إلكترونية، أو كود سداد يُقدَّم لخزنة النادي لمن يفضّل الدفع نقدًا. وتُسجَّل الوسائل الثلاث في التقرير نفسه.',
       b: ['Visa و Mastercard و Meeza', 'فودافون كاش و إنستاباي', 'كود سداد للخزنة يربط الدفع النقدي بالنظام']
     },
     qr: {
-      t: 'البوابة تعرف من يدخل',
-      p: 'كود متجدد كل ٦٠ ثانية لا يمكن تصويره وإرساله لغير العضو. القارئ على البوابة يعرض فورًا حالة العضوية.',
+      t: 'الدخول بكود QR',
+      p: 'يتجدد الكود كل ستين ثانية، فلا يصلح تصويره وإرساله لغير العضو، ويعرض القارئ على البوابة حالة العضوية فور المسح.',
       b: ['منع الدخول عند إيقاف العضوية أو تجاوز حد التأخير', 'سجل دخول لحظي لكل بوابة', 'يعمل حتى لو انقطع الإنترنت عن هاتف العضو']
     },
     invites: {
-      t: 'الدعوات: انضباط وإيراد',
-      p: 'رصيد شهري واضح حسب نوع العضوية، وبيع منظّم للدعوات الإضافية بدل التقدير الشخصي على البوابة.',
+      t: 'رصيد الدعوات وبيع الإضافي',
+      p: 'رصيد شهري محدد لكل نوع عضوية، وبيع منظَّم للدعوات الإضافية من التطبيق بدلًا من التقدير الشخصي عند البوابة.',
       b: ['رصيد مجاني يتجدد شهريًا', 'شراء دعوات إضافية بحد أقصى', 'ربط اختياري بين الدعوة وانتظام السداد']
     },
     sports: {
-      t: 'السعر معلن، والاشتراك بضغطة',
-      p: 'أكبر ما يعطّل الاشتراك في الأنشطة أن ولي الأمر لا يعرف السعر ولا الأماكن المتاحة، والكتالوج المعلن يزيل هذا العائق.',
+      t: 'كتالوج الأنشطة والاشتراك',
+      p: 'يعطّل الاشتراكَ في الأنشطة أن ولي الأمر لا يعرف السعر ولا الأماكن المتاحة، ويعالج الكتالوج المعلن هذه النقطة.',
       b: ['أسعار وفئات سنية وعدد حصص معلن', 'السعة المتاحة وقائمة انتظار عند اكتمال العدد', 'فاتورة شهرية تلقائية بعد الاشتراك']
     },
     schedule: {
-      t: 'الجدول من المدرب مباشرة',
-      p: 'يرفع المدرب جدول مجموعته من قالب موحّد، فيظهر لكل مشترك في تطبيقه — مع تنبيه فوري عند أي إلغاء أو تعويض.',
+      t: 'جداول التدريب',
+      p: 'يرفع المدرب جدول مجموعته من قالب موحَّد، فيظهر لكل مشترك في تطبيقه، ويصل تنبيه فوري عند أي إلغاء أو حصة تعويضية.',
       b: ['جدول أسبوعي لكل لاعب على حدة', 'ملاحظات المدرب على الحصة', 'إشعار فوري بالتغييرات والحصص التعويضية']
     }
   };