/* ============================================================
   الصفحة التعريفية المحسّنة — أنيميشن توضيحي + طرق الدفع
   الهوية: كحلي + شامبانيا + شعار P
   ============================================================ */
.lp{max-width:1120px;margin:0 auto;padding:0 20px;color:var(--text)}
.lp *{box-sizing:border-box}

/* أنيميشن الظهور عند التمرير */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* الشريط العلوي */
.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;position:sticky;top:0;z-index:20;background:linear-gradient(var(--bg),rgba(14,23,38,.86));backdrop-filter:blur(8px)}
.lp-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}
.lp-logo-text{font-weight:800;font-size:18px;letter-spacing:-.2px}
.lp-nav-actions{display:flex;align-items:center;gap:8px}
.lp-lang{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-weight:700;font-size:13px;transition:.15s}
.lp-lang:hover{color:var(--gold);border-color:var(--gold)}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;padding:10px 18px;border:1px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap}
.lp-btn-lg{padding:14px 26px;font-size:15px;border-radius:14px}
.lp-btn-gold{background:linear-gradient(135deg,var(--gold),#c79f57);color:#1a1205;box-shadow:0 10px 24px -12px var(--gold)}
.lp-btn-gold:hover{filter:brightness(1.06);transform:translateY(-1px)}
.lp-btn-ghost{color:var(--text);border-color:var(--line)}
.lp-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.lp-btn-outline{color:var(--text);border-color:rgba(214,179,112,.4);background:rgba(214,179,112,.05)}
.lp-btn-outline:hover{background:rgba(214,179,112,.12)}

/* البطل */
.lp-hero{display:grid;grid-template-columns:1fr;gap:40px;padding:48px 0 40px;align-items:center}
.lp-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--gold-soft);background:rgba(214,179,112,.1);border:1px solid rgba(214,179,112,.22);padding:6px 14px;border-radius:999px;margin-bottom:20px}
.lp-hero-title{font-size:clamp(28px,4.5vw,44px);font-weight:850;line-height:1.18;letter-spacing:-.5px;margin:0 0 18px;max-width:600px}
.lp-hero-sub{font-size:clamp(15px,2vw,17px);line-height:1.7;color:var(--muted);max-width:540px;margin:0 0 28px}
.lp-hero-cta{display:flex;gap:12px;flex-wrap:wrap}

/* بطاقة البطل العائمة */
.lp-hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:280px}
.lp-card{width:min(360px,90%);aspect-ratio:1.6/1;border-radius:22px;padding:24px;background:linear-gradient(135deg,#1a2740,#0d1526 70%);border:1px solid rgba(214,179,112,.25);box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03) inset;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.lp-card-float{animation:cardFloat 5s ease-in-out infinite}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}
.lp-card-shine{position:absolute;top:0;inset-inline-start:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);animation:cardShine 4s ease-in-out infinite;pointer-events:none}
@keyframes cardShine{0%{inset-inline-start:-60%}55%,100%{inset-inline-start:130%}}
.lp-card-top{display:flex;align-items:center;justify-content:space-between;position:relative}
.lp-card-brand{font-weight:800;letter-spacing:2px;font-size:13px;color:var(--gold-soft)}
.lp-card-num{font-family:var(--mono,ui-monospace,monospace);font-size:clamp(15px,3vw,19px);letter-spacing:1px;color:#e8eef8;position:relative}
.lp-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);position:relative}

/* شارات طرق الدفع العائمة حول البطاقة */
.lp-pay-badge{position:absolute;width:56px;height:44px;border-radius:12px;background:#141f35;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.7);animation:badgeFloat 4s ease-in-out infinite}
.lp-pay-badge svg{width:34px;height:auto}
.lp-pay-badge-1{top:6%;inset-inline-end:8%;animation-delay:0s}
.lp-pay-badge-2{bottom:14%;inset-inline-start:4%;animation-delay:.8s}
.lp-pay-badge-3{top:44%;inset-inline-end:2%;color:var(--gold);animation-delay:1.6s}
.lp-pay-badge-3 svg{width:24px}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* الأقسام */
.lp-section{padding:44px 0}
.lp-section-head{text-align:center;margin-bottom:34px}
.lp-h2{font-size:clamp(22px,3.5vw,32px);font-weight:800;letter-spacing:-.3px;margin:12px 0 0}
.lp-section-sub{font-size:15px;color:var(--muted);max-width:520px;margin:12px auto 0;line-height:1.6}

/* طرق الدفع */
.lp-pay-section{background:rgba(214,179,112,.03);border-radius:28px;padding:44px 24px;margin:20px 0}
.lp-pay-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:28px}
.lp-pay-method{display:flex;flex-direction:column;align-items:center;gap:10px;width:130px;padding:20px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--line);transition:.18s}
.lp-pay-method:hover{border-color:rgba(214,179,112,.4);transform:translateY(-3px)}
.lp-pay-logo{height:30px;display:flex;align-items:center;justify-content:center;color:#e8eef8}
.lp-pay-logo svg{height:22px;width:auto}
.lp-pay-method span:last-child{font-size:13px;font-weight:600;color:var(--muted)}
.lp-pay-crypto .lp-pay-logo{color:var(--gold)}
.lp-pay-crypto .lp-pay-logo svg{height:26px}

/* عرض رابط الدفع */
.lp-paylink-demo{max-width:520px;margin:0 auto;text-align:center}
.lp-paylink-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:#101a2e;border:1px solid rgba(214,179,112,.3)}
.lp-paylink-ic{flex:none;width:34px;height:34px;border-radius:10px;background:rgba(214,179,112,.14);color:var(--gold);display:flex;align-items:center;justify-content:center}
.lp-paylink-ic svg{width:18px;height:18px}
.lp-paylink-url{flex:1;text-align:start;font-family:var(--mono,ui-monospace,monospace);font-size:14px;color:#cdd6e6}
.lp-paylink-url b{color:var(--gold-soft)}
.lp-paylink-copy{flex:none;width:32px;height:32px;border-radius:9px;background:rgba(214,179,112,.12);color:var(--gold-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}
.lp-paylink-copy svg{width:15px;height:15px}
.lp-paylink-note{font-size:13px;color:var(--muted);margin-top:12px}

/* الخدمات مع أنيميشن */
.lp-svc{display:grid;grid-template-columns:1fr;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(36,51,82,.4)}
.lp-svc:last-child{border-bottom:none}
.lp-svc-anim{display:flex;justify-content:center;align-items:center;min-height:150px;background:radial-gradient(circle at 50% 40%,rgba(214,179,112,.06),transparent 70%);border-radius:20px}
.lp-svc-text h3{font-size:19px;font-weight:750;margin:0 0 8px}
.lp-svc-text p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:0}

/* أنيميشن: إيداع كريبتو */
.lp-anim-crypto{position:relative;width:200px;height:120px}
.lp-anim-wallet{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:18px;background:rgba(214,179,112,.14);color:var(--gold);display:flex;align-items:center;justify-content:center}
.lp-anim-wallet svg{width:32px;height:32px}
.lp-coin{position:absolute;width:32px;height:32px;color:var(--gold);opacity:0}
.lp-coin svg{width:100%;height:100%}
.lp-coin-1{left:30%;animation:coinDrop 2.4s ease-in infinite}
.lp-coin-2{left:55%;animation:coinDrop 2.4s ease-in infinite 1.2s}
@keyframes coinDrop{0%{top:-10px;opacity:0}20%{opacity:1}70%{top:60px;opacity:1}100%{top:70px;opacity:0}}

/* أنيميشن: رابط الدفع */
.lp-anim-paylink{display:flex;align-items:center;gap:16px}
.lp-anim-link-ic,.lp-anim-paylink .lp-anim-wallet{position:static;transform:none;width:60px;height:60px;border-radius:16px;background:rgba(214,179,112,.14);color:var(--gold);display:flex;align-items:center;justify-content:center}
.lp-anim-link-ic svg{width:30px;height:30px}
.lp-anim-arrow{font-size:26px;color:var(--gold-soft);animation:arrowPush 1.6s ease-in-out infinite}
@keyframes arrowPush{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(6px);opacity:1}}
[dir=rtl] .lp-anim-arrow{transform:scaleX(-1)}

/* أنيميشن: البطاقات */
.lp-anim-cards{position:relative;width:160px;height:110px}
.lp-mini-card{position:absolute;width:130px;height:82px;border-radius:14px;border:1px solid rgba(214,179,112,.3)}
.lp-mini-card-1{background:linear-gradient(135deg,#1a2740,#0d1526);top:6px;left:0;animation:cardStack1 4s ease-in-out infinite}
.lp-mini-card-2{background:linear-gradient(135deg,#243352,#141f35);top:22px;left:22px;animation:cardStack2 4s ease-in-out infinite}
@keyframes cardStack1{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(-6px,-6px) rotate(-7deg)}}
@keyframes cardStack2{0%,100%{transform:translate(0,0) rotate(4deg)}50%{transform:translate(6px,6px) rotate(7deg)}}

/* أنيميشن: التحويل */
.lp-anim-transfer{display:flex;align-items:center;gap:8px}
.lp-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#1a1205;background:linear-gradient(135deg,var(--gold),#c79f57)}
.lp-avatar-b{background:linear-gradient(135deg,#3a5a8a,#243352);color:#e8eef8}
.lp-transfer-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-soft);opacity:.3;animation:dotPulse 1.5s ease-in-out infinite}
.lp-transfer-dot:nth-child(3){animation-delay:.2s}
.lp-transfer-dot:nth-child(4){animation-delay:.4s}
@keyframes dotPulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}

/* أنيميشن: السحب */
.lp-anim-withdraw{display:flex;align-items:center;gap:16px}
.lp-anim-withdraw .lp-anim-wallet,.lp-anim-bank{position:static;transform:none;width:60px;height:60px;border-radius:16px;background:rgba(214,179,112,.14);color:var(--gold);display:flex;align-items:center;justify-content:center}
.lp-anim-bank svg,.lp-anim-withdraw .lp-anim-wallet svg{width:30px;height:30px}
.lp-withdraw-flow{width:60px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold),transparent);background-size:200% 100%;animation:flowMove 1.5s linear infinite}
@keyframes flowMove{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* الخطوات */
.lp-steps{display:grid;grid-template-columns:1fr;gap:16px;max-width:640px;margin:0 auto}
.lp-step{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}
.lp-step-num{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#c79f57);color:#1a1205;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px}
.lp-step-title{font-size:16px;font-weight:700;margin:0 0 5px}
.lp-step-body{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0}

/* الرسوم */
.lp-pricing{max-width:620px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.lp-price-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.lp-price-row:last-child{border-bottom:none}
.lp-price-label{font-size:14.5px;color:var(--text)}
.lp-price-value{font-size:14px;font-weight:700;color:var(--gold-soft);font-family:var(--mono,ui-monospace,monospace);text-align:end}
.lp-note{max-width:620px;margin:16px auto 0;font-size:12.5px;line-height:1.6;color:var(--muted);text-align:center}

/* الأسئلة الشائعة */
.lp-faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.lp-faq-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 18px;transition:.15s}
.lp-faq-item[open]{border-color:rgba(214,179,112,.35)}
.lp-faq-item summary{cursor:pointer;font-weight:600;font-size:15px;padding:14px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lp-faq-item summary::-webkit-details-marker{display:none}
.lp-faq-item summary::after{content:"+";font-size:20px;color:var(--gold-soft);font-weight:400;transition:transform .2s;flex:none}
.lp-faq-item[open] summary::after{transform:rotate(45deg)}
.lp-faq-item p{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--muted)}

/* دعوة ختامية */
.lp-cta{text-align:center;padding:56px 24px;margin:44px 0;background:linear-gradient(135deg,rgba(214,179,112,.09),rgba(214,179,112,.02));border:1px solid rgba(214,179,112,.22);border-radius:24px}
.lp-cta .brand-mark{margin:0 auto 16px;width:44px;height:44px;border-radius:13px}
.lp-cta .brand-mark::after{font-size:27px}
.lp-cta-title{font-size:clamp(24px,4vw,34px);font-weight:850;margin:0 0 10px}
.lp-cta-sub{font-size:16px;color:var(--muted);margin:0 auto 26px;max-width:480px;line-height:1.6}

/* التذييل */
.lp-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 0 40px;border-top:1px solid var(--line);margin-top:20px}
.lp-foot-brand{display:flex;align-items:center;gap:9px;font-weight:700}
.lp-foot-copy{font-size:12.5px;color:var(--muted)}

/* الشاشات الكبيرة: بطل بعمودين وخدمات متناوبة */
@media(min-width:860px){
  .lp-hero{grid-template-columns:1.05fr .95fr;gap:48px;padding:64px 0 52px}
  .lp-svc{grid-template-columns:280px 1fr;gap:36px}
  .lp-svc-rev{direction:ltr}
  .lp-svc-rev .lp-svc-text{direction:rtl;text-align:start}
  [dir=ltr] .lp-svc-rev .lp-svc-text{direction:ltr}
  .lp-svc-rev .lp-svc-anim{order:2}
}
@media(max-width:560px){
  .lp-hero-cta{flex-direction:column}
  .lp-hero-cta .lp-btn{width:100%}
  /* زر الدخول يبقى ظاهراً على الموبايل مع تصغير الحشو ليتناسق */
  .lp-nav-actions{gap:6px}
  .lp-nav-actions .lp-btn{padding:8px 12px;font-size:12.5px}
  .lp-foot{flex-direction:column;text-align:center}
  .lp-pay-method{width:calc(50% - 10px)}
}
@media(max-width:380px){
  .lp-nav-actions .lp-btn{padding:7px 10px;font-size:12px}
  .lp-nav .lang-btn{padding:6px 8px}
}

/* شعارات طرق الدفع الحقيقية (نفس نمط صفحة رابط الدفع) */
.lp-pay-grid{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;padding:10px 0 4px}
.lp-pay-logo-item{display:inline-flex;align-items:center;justify-content:center}
.lp-pay-logo-item img{display:block;width:auto;height:auto;object-fit:contain}
.lp-pay-visa img{max-height:30px;max-width:82px}
.lp-pay-mastercard img{max-height:38px;max-width:72px}
.lp-pay-google_pay img{max-height:30px;max-width:104px}
.lp-pay-apple_pay img{max-height:30px;max-width:104px;filter:brightness(0) invert(1)}
@media(max-width:560px){.lp-pay-grid{gap:22px}.lp-pay-visa img,.lp-pay-google_pay img,.lp-pay-apple_pay img{max-height:24px}.lp-pay-mastercard img{max-height:32px}}

/* تذييل: عمود العلامة + معلومات التواصل */
.lp-foot{align-items:flex-start;gap:20px;flex-wrap:wrap}
.lp-foot-col{display:flex;flex-direction:column;gap:8px}
.lp-foot-contact{display:flex;flex-direction:column;gap:8px}
.lp-foot-line{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.lp-foot-line svg{width:16px;height:16px;color:var(--gold);flex:none}
.lp-foot-link{text-decoration:none;transition:.15s}
.lp-foot-link:hover{color:var(--gold-soft)}

/* زر واتساب عائم */
.wa-float{position:fixed;bottom:22px;inset-inline-start:22px;z-index:60;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;border-radius:32px;padding:12px 18px 12px 14px;box-shadow:0 10px 28px -8px rgba(37,211,102,.6);text-decoration:none;font-weight:700;font-size:14px;transition:.18s}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px rgba(37,211,102,.75)}
.wa-float svg{flex:none}
.wa-float-label{white-space:nowrap}
@media(max-width:480px){
  .wa-float{padding:13px;bottom:18px;inset-inline-start:18px}
  .wa-float-label{display:none}
}

/* بوابة الدفع للمواقع والتطبيقات */
.lp-dev-link{color:var(--muted);text-decoration:none;font-size:13px;font-weight:650;padding:8px 3px;transition:.15s}.lp-dev-link:hover{color:var(--gold-soft)}
.lp-gateway-section{display:grid;gap:34px;align-items:center;padding:38px!important;border:1px solid rgba(214,179,112,.2);border-radius:26px;background:radial-gradient(circle at 85% 0,rgba(38,75,123,.35),transparent 38%),linear-gradient(145deg,rgba(18,37,65,.92),rgba(9,22,39,.96))}.lp-gateway-copy{min-width:0}.lp-gateway-copy .lp-section-sub{max-width:680px;margin-inline:0}.lp-gateway-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.lp-gateway-features>div{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:14px;background:rgba(4,15,28,.31);border:1px solid rgba(255,255,255,.065)}.lp-gateway-features>div>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;background:rgba(69,198,127,.12);color:#82eaae;font-size:11px}.lp-gateway-features p{display:grid;gap:3px;margin:0}.lp-gateway-features b{font-size:12px}.lp-gateway-features small{font-size:9.5px;line-height:1.55;color:var(--muted)}.lp-gateway-actions{display:flex;gap:9px;flex-wrap:wrap}.lp-gateway-price{margin:15px 0 0;color:var(--muted);font-size:11px}.lp-gateway-price b{color:var(--gold-soft)}.lp-gateway-visual{min-width:0}.lp-api-window{overflow:hidden;border-radius:20px;background:#06111e;border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 58px rgba(0,0,0,.28)}.lp-api-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}.lp-api-bar i{width:7px;height:7px;border-radius:50%;background:#5c6b7e}.lp-api-bar i:first-child{background:#d97870}.lp-api-bar i:nth-child(2){background:#d6b46a}.lp-api-bar i:nth-child(3){background:#66bd8b}.lp-api-bar span{margin-left:auto;color:#76869a;font:9px var(--mono,monospace)}.lp-api-window pre{margin:0;padding:20px;overflow:auto;color:#dce7f4;font:12px/1.75 var(--mono,monospace);text-align:left}.lp-api-response{display:grid;gap:8px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.07);background:rgba(48,189,112,.045)}.lp-api-response span{color:#78dfaa;font:9px var(--mono,monospace)}.lp-api-response code{overflow-wrap:anywhere;color:#b9c7d8;font:10px/1.5 var(--mono,monospace)}.lp-api-flow{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:12px}.lp-api-flow span{padding:7px 10px;border:1px solid rgba(214,179,112,.18);background:rgba(214,179,112,.07);color:#ddbd77;border-radius:999px;font-size:9px}
@media(min-width:900px){.lp-gateway-section{grid-template-columns:1.05fr .95fr}}
@media(max-width:650px){.lp-gateway-section{padding:22px 16px!important;border-radius:20px}.lp-gateway-features{grid-template-columns:1fr}.lp-gateway-actions{display:grid}.lp-gateway-actions .lp-btn{width:100%}.lp-dev-link{display:none}.lp-api-window pre{font-size:10px;padding:15px}}