/* ===== خبراء المنصات | الخطوة 1 (فاتح + موشن) ===== */
.xp-hero,.xp-hero *,.xp-paths,.xp-paths *{box-sizing:border-box}
:root{--xp-navy:#0F2638;--xp-blue:#1F6FA3;--xp-sky:#3890C8;--xp-teal:#48DCDC;--xp-light:#EAF4FB;--xp-line:#D3E4F0;--xp-text2:#2D4657;--xp-muted:#4A5F70}
.xp-hero{position:relative;overflow:hidden;background:#f5feff;color:var(--xp-navy);padding:48px 0 56px}
.xp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(45% 55% at 25% 45%,rgba(72,220,220,.16),transparent 70%),
             radial-gradient(40% 50% at 85% 10%,rgba(56,144,200,.12),transparent 70%),
             linear-gradient(rgba(211,228,240,.5) 1px,transparent 1px),
             linear-gradient(90deg,rgba(211,228,240,.5) 1px,transparent 1px);
  background-size:auto,auto,36px 36px,36px 36px;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.xp-wrap{position:relative;max-width:1240px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}

/* النص */
.xp-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--xp-line);color:var(--xp-blue);font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:18px;box-shadow:0 4px 14px rgba(15,38,56,.06)}
.xp-badge i{width:8px;height:8px;border-radius:50%;background:var(--xp-teal);animation:xpPulse 2s infinite}
.xp-h1{font-size:46px;line-height:1.3;font-weight:800;margin:0 0 16px;color:var(--xp-navy)}
.xp-h1 span{display:block;background:linear-gradient(90deg,#2BB8C4,var(--xp-sky) 45%,var(--xp-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.xp-sub{font-size:17px;line-height:1.9;color:var(--xp-text2);max-width:560px;margin:0 0 24px}
.xp-sub b{color:var(--xp-navy)}
.xp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.xp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.xp-btn svg{width:18px;height:18px}
.xp-btn--primary{background:var(--xp-blue);color:#fff!important;box-shadow:0 10px 24px rgba(31,111,163,.25)}
.xp-btn--primary:hover{background:var(--xp-navy);transform:translateY(-2px)}
.xp-btn--ghost{background:#fff;border:1px solid var(--xp-line);color:var(--xp-navy)!important}
.xp-btn--ghost:hover{border-color:var(--xp-sky);transform:translateY(-2px)}
.xp-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.xp-pl-label{font-size:13px;color:var(--xp-muted);font-weight:700}
.xp-logo{height:46px;min-width:84px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--xp-line);border-radius:12px;font-weight:800;font-size:15px;color:var(--xp-navy);box-shadow:0 4px 12px rgba(15,38,56,.05);transition:transform .2s,border-color .2s}
.xp-logo:hover{transform:translateY(-2px);border-color:var(--xp-sky)}
.xp-logo img{height:28px;width:auto;max-width:100px;object-fit:contain;display:block}
.xp-logo--more{background:transparent;border-style:dashed;border-color:var(--xp-sky);color:var(--xp-blue);font-size:14px;box-shadow:none}
.xp-proof{display:flex;flex-wrap:wrap;gap:10px}
.xp-stat{background:#fff;border:1px solid var(--xp-line);border-radius:14px;padding:10px 16px;font-size:13px;color:var(--xp-muted)}
.xp-stat b{display:block;font-size:20px;color:var(--xp-navy);line-height:1.3}
.xp-star{color:#F5B83D}

/* مسرح الموشن */
.xp-stage{position:relative;width:100%;max-width:560px;aspect-ratio:1/1;margin:0 auto;container-type:inline-size;direction:ltr}
.xp-glow{position:absolute;left:50%;top:50%;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(72,220,220,.25),transparent 65%);animation:xpBreath 5s ease-in-out infinite}
.xp-ring{position:absolute;left:50%;top:50%;border-radius:50%}
.xp-ring--1{width:86%;height:86%;border:1.5px dashed rgba(56,144,200,.4);animation:xpSpin 60s linear infinite}
.xp-ring--2{width:66%;height:66%;border:1px solid rgba(72,220,220,.45);animation:xpSpin 40s linear infinite reverse}
.xp-ring::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--xp-teal);box-shadow:0 0 14px var(--xp-teal)}
.xp-ring--2::after{top:auto;bottom:-5px;width:10px;height:10px;background:var(--xp-sky);box-shadow:0 0 12px var(--xp-sky)}

/* شاشة المتجر */
.xp-mock{position:absolute;left:50%;top:50%;width:56%;background:#fff;border:1px solid var(--xp-line);border-radius:3cqw;box-shadow:0 30px 60px rgba(15,38,56,.14);overflow:hidden;direction:rtl;animation:xpFloat 6s ease-in-out infinite;z-index:2}
.xp-mock__bar{display:flex;align-items:center;gap:1cqw;padding:1.5cqw 2cqw;background:var(--xp-navy)}
.xp-mock__bar i{width:1.4cqw;height:1.4cqw;border-radius:50%;background:rgba(255,255,255,.35)}
.xp-mock__url{flex:1;height:3cqw;margin:0 1.4cqw;border-radius:99px;background:rgba(255,255,255,.12);color:#BCD3E3;font-size:1.7cqw;display:flex;align-items:center;justify-content:center}
.xp-mock__on{display:flex;align-items:center;gap:.8cqw;height:3.8cqw;padding:0 1.4cqw;border-radius:99px;background:#fff;font-size:1.7cqw;font-weight:800;color:var(--xp-navy);transition:opacity .35s}
.xp-mock__on.is-fade{opacity:0}
.xp-mock__on img{height:2.6cqw;width:auto;display:block}
.xp-mock__body{padding:2cqw;display:grid;grid-template-columns:1.35fr 1fr;gap:1.5cqw}
.xp-banner{grid-row:span 2;position:relative;overflow:hidden;border-radius:2cqw;background:radial-gradient(circle at 50% 45%,#fff 0%,#fff 35%,var(--xp-light) 100%);border:1px solid var(--xp-line);padding:2cqw;display:flex;align-items:center;justify-content:center}
.xp-banner img{display:block;width:84%;max-height:21cqw;object-fit:contain;animation:xpLogo 5s ease-in-out infinite}
.xp-banner::after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:xpShine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes xpLogo{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.xp-kpi{border:1px solid var(--xp-line);border-radius:1.6cqw;padding:1.3cqw 1.5cqw;display:flex;align-items:center;justify-content:space-between}
.xp-kpi small{font-size:1.6cqw;color:var(--xp-muted)}
.xp-kpi u{text-decoration:none;font-size:1.5cqw;font-weight:800;color:#1A9E6A;background:#E6F7EF;padding:.3cqw 1cqw;border-radius:99px}
.xp-chart{border:1px solid var(--xp-line);border-radius:1.6cqw;padding:1cqw}
.xp-chart svg{display:block;width:100%;height:auto}
.xp-chart .line{fill:none;stroke:var(--xp-sky);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:xpDraw 4.5s ease-in-out infinite}
.xp-prods{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}
.xp-prods span{position:relative;aspect-ratio:1/1.15;border-radius:1.4cqw;border:1px solid var(--xp-line);background:linear-gradient(180deg,var(--xp-light) 62%,#fff 62%)}
.xp-prods span::after{content:"";position:absolute;left:14%;right:14%;bottom:12%;height:8%;border-radius:99px;background:var(--xp-line)}

/* إشعار */
.xp-toast{position:absolute;left:22%;bottom:22%;z-index:3;display:flex;align-items:center;gap:1.4cqw;direction:rtl;background:#fff;border:1px solid var(--xp-line);border-radius:2cqw;padding:1.3cqw 2cqw;box-shadow:0 16px 30px rgba(15,38,56,.14);opacity:0;transform:translateY(2cqw);transition:opacity .4s,transform .4s}
.xp-toast.is-on{opacity:1;transform:none}
.xp-toast i{width:4.4cqw;height:4.4cqw;border-radius:1.2cqw;background:#E6F7EF;color:#1A9E6A;display:grid;place-items:center;flex:none}
.xp-toast i svg{width:2.6cqw;height:2.6cqw}
.xp-toast b{display:block;font-size:2cqw;color:var(--xp-navy);white-space:nowrap}
.xp-toast small{display:block;font-size:1.5cqw;color:var(--xp-muted)}

/* بطاقات الخدمات */
.xp-chip{position:absolute;width:21%;z-index:2;text-decoration:none!important;direction:rtl;text-align:center;background:rgba(255,255,255,.94);border:1px solid var(--xp-line);border-radius:3cqw;padding:2.2cqw 1.4cqw 1.8cqw;box-shadow:0 12px 26px rgba(15,38,56,.08);animation:xpBob 5s ease-in-out infinite;transition:border-color .25s,box-shadow .25s}
.xp-chip:hover{border-color:var(--xp-sky);box-shadow:0 16px 32px rgba(31,111,163,.2)}
.xp-chip small{position:absolute;top:1.3cqw;left:1.8cqw;font-size:1.7cqw;font-weight:700;color:#9AAFC0}
.xp-chip svg{display:block;width:6.4cqw;height:6.4cqw;margin:0 auto 1cqw;fill:none;stroke:var(--xp-navy);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.xp-chip svg .ac{stroke:var(--xp-sky)}
.xp-chip b{display:block;font-size:2.6cqw;line-height:1.3;font-weight:800;color:var(--xp-navy)}

/* الحركات */
@keyframes xpSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes xpBreath{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}
@keyframes xpFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 1.6cqw))}}
@keyframes xpBob{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 1.4cqw))}}
@keyframes xpDraw{0%{stroke-dashoffset:100;opacity:1}55%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes xpShine{0%{left:-60%}60%,100%{left:130%}}
@keyframes xpPulse{0%{box-shadow:0 0 0 0 rgba(72,220,220,.6)}70%{box-shadow:0 0 0 8px rgba(72,220,220,0)}100%{box-shadow:0 0 0 0 rgba(72,220,220,0)}}

/* الجوال */
@media (max-width:900px){
  .xp-hero{padding:24px 0 36px}
  /* ترتيب الجوال: العنوان ← الموشن ← الوصف ← الأزرار ← المنصات ← الأرقام */
  .xp-wrap{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .xp-text{display:contents}
  .xp-badge{order:1;align-self:flex-start;margin-bottom:12px}
  .xp-h1{order:2;font-size:30px;margin-bottom:6px}
  .xp-stage{order:3;width:100%;max-width:440px;margin:0 auto 14px}
  .xp-sub{order:4;font-size:15px;line-height:1.85;margin-bottom:18px}
  .xp-ctas{order:5;flex-wrap:nowrap;gap:8px;margin-bottom:20px}
  .xp-platforms{order:6;gap:8px;margin-bottom:16px}
  .xp-proof{order:7;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .xp-btn{flex:1 1 0;padding:13px 10px;font-size:14.5px;border-radius:12px}
  .xp-pl-label{flex-basis:100%}
  .xp-logo{height:40px;min-width:0;padding:0 10px;gap:6px;font-size:13px}
  .xp-logo img{height:22px}
  .xp-logo--more{font-size:13px}
  .xp-stat{padding:10px;font-size:12px;text-align:center}
  .xp-stat b{font-size:18px}
  .xp-chip{width:23%;padding:2cqw .6cqw 1.6cqw}
  .xp-chip b{font-size:3.2cqw;white-space:nowrap}
  .xp-chip small{font-size:2.3cqw}
  .xp-chip svg{width:7cqw;height:7cqw}
}
@media (prefers-reduced-motion:reduce){
  .xp-hero *,.xp-hero *::before,.xp-hero *::after{animation:none!important;transition:none!important}
  .xp-toast{opacity:1;transform:none}
}

/* ===== خبراء المنصات | الخطوة 2 (من أين تبدأ؟) ===== */
.xp-paths{position:relative;background:linear-gradient(180deg,#f5feff,#fff);padding:56px 0 64px;color:var(--xp-navy)}
.xp-paths__in{max-width:1240px;margin:0 auto;padding:0 16px}
.xp-head{text-align:center;max-width:620px;margin:0 auto 40px}
.xp-eyebrow{display:inline-block;font-size:13px;font-weight:800;color:var(--xp-blue);background:var(--xp-light);border-radius:999px;padding:5px 14px;margin-bottom:12px}
.xp-head h2{font-size:36px;line-height:1.3;font-weight:800;margin:0 0 10px;color:var(--xp-navy)}
.xp-head p{font-size:16.5px;line-height:1.8;color:var(--xp-text2);margin:0}

.xp-paths__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
/* خط المسار */
.xp-paths__grid::before{content:"";position:absolute;top:27px;right:16.66%;left:16.66%;border-top:2px dashed rgba(56,144,200,.45)}
.xp-paths__dot{position:absolute;top:22px;right:16.66%;width:12px;height:12px;margin-right:-6px;border-radius:50%;background:var(--xp-teal);box-shadow:0 0 0 5px rgba(72,220,220,.2),0 0 16px var(--xp-teal);animation:xpRun 5s ease-in-out infinite;z-index:1}

.xp-path{position:relative;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.xp-path.is-in{opacity:1;transform:none}
.xp-path__n{position:relative;z-index:2;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;background:#fff;color:var(--xp-blue);border:2px solid var(--xp-line);box-shadow:0 8px 20px rgba(15,38,56,.08);margin-bottom:18px}
.is-featured .xp-path__n{background:var(--xp-blue);color:#fff;border-color:var(--xp-blue);animation:xpRing 2.4s infinite}

.xp-path__card{position:relative;flex:1;width:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--xp-line);border-radius:24px;padding:26px 24px 22px;box-shadow:0 14px 34px rgba(15,38,56,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
.xp-path__card:hover{transform:translateY(-6px);border-color:var(--xp-sky);box-shadow:0 22px 44px rgba(31,111,163,.14)}
.is-featured .xp-path__card{border:2px solid var(--xp-sky);box-shadow:0 18px 40px rgba(31,111,163,.14)}
.xp-path__tag{position:absolute;top:-13px;left:22px;background:var(--xp-teal);color:var(--xp-navy);font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:999px}
.xp-path__tag--02{background:#DCEBF7;color:var(--xp-blue)}
.xp-path__tag--03{background:#E6F7EF;color:#1A7F55}
.xp-path__ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--xp-light);margin-bottom:16px}
.xp-path__ic svg{width:28px;height:28px;fill:none;stroke:var(--xp-navy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.xp-path__ic svg .ac{stroke:var(--xp-sky)}
.is-featured .xp-path__ic{background:linear-gradient(135deg,var(--xp-blue),var(--xp-sky))}
.is-featured .xp-path__ic svg{stroke:#fff}
.is-featured .xp-path__ic svg .ac{stroke:var(--xp-teal)}
.xp-path__card h3{font-size:21px;line-height:1.4;font-weight:800;margin:0 0 8px;color:var(--xp-navy)}
.xp-path__card p{font-size:15px;line-height:1.85;color:var(--xp-text2);margin:0 0 16px}
.xp-path__links{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.xp-path__links a{font-size:13px;font-weight:700;color:var(--xp-blue)!important;background:var(--xp-light);border:1px solid transparent;border-radius:999px;padding:4px 12px;text-decoration:none!important;transition:border-color .2s,background .2s}
.xp-path__links a:hover{background:#fff;border-color:var(--xp-sky)}
.xp-path__btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;font-weight:800;font-size:15.5px;text-decoration:none!important;background:#fff;border:1.5px solid var(--xp-blue);color:var(--xp-blue)!important;transition:background .2s,color .2s,transform .2s}
.xp-path__btn svg{width:18px;height:18px;transition:transform .2s}
.xp-path__btn:hover{background:var(--xp-blue);color:#fff!important}
.xp-path__btn:hover svg{transform:translateX(-4px)}
.is-featured .xp-path__btn{background:var(--xp-blue);color:#fff!important;box-shadow:0 10px 22px rgba(31,111,163,.25)}
.is-featured .xp-path__btn:hover{background:var(--xp-navy);border-color:var(--xp-navy)}

.xp-paths__help{text-align:center;margin:32px 0 0;font-size:15px;color:var(--xp-muted)}
.xp-paths__help a{color:#1A9E6A!important;font-weight:800;text-decoration:none!important;border-bottom:1.5px solid rgba(26,158,106,.35)}

@keyframes xpRun{0%{right:16.66%;opacity:0}10%{opacity:1}90%{opacity:1}100%{right:83.33%;opacity:0}}
@keyframes xpRunV{0%{top:22px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(var(--xp-end,66%) - 6px);opacity:0}}
@keyframes xpRing{0%{box-shadow:0 0 0 0 rgba(31,111,163,.4)}70%{box-shadow:0 0 0 12px rgba(31,111,163,0)}100%{box-shadow:0 0 0 0 rgba(31,111,163,0)}}

@media (max-width:900px){
  .xp-paths{padding:40px 0 48px}
  .xp-head{margin-bottom:28px}
  .xp-head h2{font-size:28px}
  .xp-head p{font-size:15px}
  .xp-paths__grid{grid-template-columns:1fr;gap:18px}
  .xp-paths__grid::before{top:28px;bottom:auto;height:calc(var(--xp-end,66%) - 28px);right:27px;left:auto;border-top:0;border-right:2px dashed rgba(56,144,200,.45)}
  .xp-paths__dot{right:28px;top:22px;animation-name:xpRunV}
  .xp-path{flex-direction:row;align-items:stretch;gap:12px}
  .xp-path__n{flex:none;width:56px;height:56px;margin:0}
  .xp-path__card{padding:22px 18px 18px;border-radius:20px}
  .xp-path__card h3{font-size:19px}
  .xp-path__card p{font-size:14.5px}
  .xp-path__ic{width:46px;height:46px;border-radius:14px;margin-bottom:12px}
  .xp-path__tag{left:16px}
}
@media (prefers-reduced-motion:reduce){
  .xp-paths *,.xp-paths *::before{animation:none!important;transition:none!important}
  .xp-path{opacity:1;transform:none}
  .xp-paths__dot{display:none}
}

/* ===== خبراء المنصات | الخطوة 3 (باقات التأسيس) ===== */
.xp-pkgs,.xp-pkgs *{box-sizing:border-box}
@property --xp-a{syntax:"<angle>";initial-value:0deg;inherits:false}
.xp-pkgs{position:relative;background:#fff;padding:56px 0 64px;color:var(--xp-navy)}
.xp-pkgs::before{content:"";position:absolute;left:50%;top:180px;width:min(900px,90%);height:420px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(72,220,220,.14),transparent);pointer-events:none}
.xp-pkgs__in{position:relative;max-width:1240px;margin:0 auto;padding:0 16px}
.xp-pkgs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}

.xp-pkg{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.xp-pkg.is-in{opacity:1;transform:none}
.xp-pkg--redesign{display:none}
.xp-pkg__list.xp-pkg__list--m{display:none}
.xp-pkg__card{position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--xp-line);border-radius:26px;padding:28px 24px 22px;box-shadow:0 14px 34px rgba(15,38,56,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
.xp-pkg__card:hover{transform:translateY(-6px);border-color:var(--xp-sky);box-shadow:0 22px 44px rgba(31,111,163,.14)}

/* الفضية: إطار متحرك */
.xp-pkg.is-featured{position:relative;border-radius:28px;padding:2px;background:conic-gradient(from var(--xp-a),var(--xp-sky),var(--xp-teal),var(--xp-blue),var(--xp-teal),var(--xp-sky));animation:xpBorder 6s linear infinite;box-shadow:0 26px 60px rgba(31,111,163,.22)}
.xp-pkg.is-featured.is-in{transform:scale(1.03)}
.xp-pkg.is-featured .xp-pkg__card{border:0;border-radius:26px;padding:34px 26px 26px;box-shadow:none}
.xp-pkg.is-featured .xp-pkg__card:hover{transform:none}

.xp-pkg__tag{display:inline-block;font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:999px;background:var(--xp-light);color:var(--xp-blue);margin-bottom:12px}
.is-featured .xp-pkg__tag{background:var(--xp-teal);color:var(--xp-navy)}
.xp-pkg--gold .xp-pkg__tag{background:#FFF4DC;color:#9A6A12}
.xp-pkg__card h3{font-size:23px;font-weight:800;margin:0 0 6px;color:var(--xp-navy)}
.xp-pkg__intro{font-size:14.5px;line-height:1.8;color:var(--xp-text2);margin:0 0 18px;min-height:52px}

.xp-pkg__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.xp-pkg__price b{font-size:40px;line-height:1;font-weight:800;color:var(--xp-navy)}
.is-featured .xp-pkg__price b{color:var(--xp-blue)}
.xp-pkg__price span{font-size:15px;font-weight:700;color:var(--xp-muted)}
.xp-pkg__price s{font-size:15px;color:#9AAFC0;margin-inline-start:4px}
.xp-pkg__price em{font-style:normal;font-size:12px;font-weight:800;color:#1A9E6A;background:#E6F7EF;padding:3px 10px;border-radius:999px;margin-inline-start:auto}
.xp-pkg__inst{font-size:13px;color:var(--xp-muted);margin:8px 0 14px}

.xp-pkg__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.xp-pkg__meta span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--xp-text2);background:#F3F8FC;border:1px solid var(--xp-line);border-radius:999px;padding:4px 11px}
.xp-pkg__meta svg{width:14px;height:14px;color:var(--xp-sky)}

.xp-pkg__list{list-style:none;margin:0 0 16px;padding:16px 0 0;border-top:1px dashed var(--xp-line);display:grid;gap:10px}
.xp-pkg__list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.6;color:var(--xp-navy)}
.xp-pkg__list i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--xp-light);color:var(--xp-blue);margin-top:1px}
.is-featured .xp-pkg__list i{background:var(--xp-blue);color:#fff}
.xp-pkg__list i svg{width:13px;height:13px}

.xp-pkg__gift{font-size:13px;line-height:1.7;color:var(--xp-text2);background:linear-gradient(135deg,#F0FCFC,#F3F8FC);border:1px dashed rgba(72,220,220,.6);border-radius:14px;padding:10px 12px;margin-bottom:16px}
.xp-pkg__gift b{color:var(--xp-blue)}

.xp-pkg__actions{margin-top:auto;display:grid;gap:8px}
.xp-pkg__btn{display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none!important;background:#fff;border:1.5px solid var(--xp-blue);color:var(--xp-blue)!important;transition:background .2s,color .2s,transform .2s}
.xp-pkg__btn:hover{background:var(--xp-blue);color:#fff!important;transform:translateY(-2px)}
.is-featured .xp-pkg__btn{background:var(--xp-blue);color:#fff!important;box-shadow:0 10px 22px rgba(31,111,163,.28)}
.is-featured .xp-pkg__btn:hover{background:var(--xp-navy);border-color:var(--xp-navy)}
.xp-pkg__ask{text-align:center;font-size:13.5px;font-weight:700;color:#1A9E6A!important;text-decoration:none!important;padding:4px}
.xp-pkg__ask:hover{text-decoration:underline!important}

/* شريط إعادة التصميم */
.xp-redesign{position:relative;overflow:hidden;margin-top:34px;display:flex;align-items:center;gap:18px;border-radius:24px;padding:22px 26px;color:#fff;background:linear-gradient(120deg,var(--xp-navy),var(--xp-blue) 70%,var(--xp-sky))}
.xp-redesign::after{content:"";position:absolute;left:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(72,220,220,.35),transparent 70%);pointer-events:none}
.xp-redesign__ic{flex:none;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:var(--xp-teal)}
.xp-redesign__ic svg{width:28px;height:28px}
.xp-redesign__txt{flex:1;min-width:0}
.xp-redesign__txt b{display:block;font-size:19px;font-weight:800;margin-bottom:4px;color:#fff}
.xp-redesign__txt span{font-size:14px;line-height:1.8;color:#CFE3F1}
.xp-redesign__price{flex:none;font-size:14px;color:#CFE3F1;white-space:nowrap}
.xp-redesign__price b{font-size:28px;font-weight:800;color:#fff}
.xp-redesign__price s{color:#8FB3CC;margin-inline-start:4px}
.xp-redesign__btn{position:relative;z-index:1;flex:none;padding:13px 24px;border-radius:14px;background:#fff;color:var(--xp-blue)!important;font-weight:800;font-size:15.5px;text-decoration:none!important;transition:transform .2s,background .2s}
.xp-redesign__btn:hover{transform:translateY(-2px);background:var(--xp-light)}

@keyframes xpBorder{to{--xp-a:360deg}}

@media (max-width:900px){
  .xp-pkgs{padding:40px 0 48px}
  /* الجوال: 4 بطاقات، كل 2 في صف */
  .xp-pkgs__grid{grid-template-columns:1fr 1fr;gap:10px}
  .xp-pkg--redesign{display:block}
  .xp-redesign{display:none}
  .xp-pkg.is-featured.is-in{transform:none}
  .xp-pkg.is-featured{border-radius:20px;box-shadow:0 14px 30px rgba(31,111,163,.2)}
  .xp-pkg__card{padding:16px 12px 14px;border-radius:18px}
  .xp-pkg.is-featured .xp-pkg__card{padding:16px 12px 14px;border-radius:18px}
  .xp-pkg__card:hover{transform:none}
  .xp-pkg__tag{font-size:10.5px;padding:3px 9px;margin-bottom:8px}
  .xp-pkg__card h3{font-size:16px;margin-bottom:8px}
  .xp-pkg__intro{display:none}
  .xp-pkg__price{gap:3px 4px}
  .xp-pkg__price b{font-size:26px}
  .xp-pkg__price span{font-size:12px}
  .xp-pkg__price s{font-size:12px;margin-inline-start:2px}
  .xp-pkg__price em{flex-basis:100%;width:fit-content;flex-grow:0;margin:4px 0 0;font-size:10.5px;padding:2px 8px}
  .xp-pkg__price em{max-width:fit-content}
  .xp-pkg__inst{font-size:11px;margin:6px 0 10px}
  .xp-pkg__meta{margin-bottom:12px}
  .xp-pkg__meta span{font-size:11px;padding:3px 8px;gap:4px}
  .xp-pkg__meta span+span{display:none}
  .xp-pkg__list{gap:7px;padding-top:12px;margin-bottom:14px}
  .xp-pkg__list li{font-size:12px;line-height:1.55;gap:6px}
  .xp-pkg__list{display:none}
  .xp-pkg__list.xp-pkg__list--m{display:grid}
  .xp-pkg__list i{width:17px;height:17px}
  .xp-pkg__list i svg{width:10px;height:10px}
  .xp-pkg__gift{display:none}
  .xp-pkg__btn{padding:11px 6px;font-size:14px;border-radius:12px}
  .xp-pkg__ask{display:none}
}
@media (prefers-reduced-motion:reduce){
  .xp-pkgs *{animation:none!important;transition:none!important}
  .xp-pkg{opacity:1;transform:none}
}

/* ===== خبراء المنصات | الخطوة 4 (معرض الأعمال) ===== */
.xp-works,.xp-works *{box-sizing:border-box}
.xp-works{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f5feff 30%,#f5feff 70%,#fff);padding:56px 0 64px;color:var(--xp-navy)}
.xp-works__in{max-width:1240px;margin:0 auto;padding:0 16px}
.xp-works__mob{display:none}

/* الشريط المتحرك */
.xp-marquee{direction:ltr;overflow:hidden;padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.xp-track{display:flex;width:max-content;animation:xpMarquee 70s linear infinite}
.xp-marquee--b .xp-track{animation-direction:reverse;animation-duration:80s}
.xp-marquee:hover .xp-track{animation-play-state:paused}

/* بطاقة المتجر */
.xp-shot{position:relative;flex:none;width:300px;margin-right:22px;padding:0;border:1px solid var(--xp-line);border-radius:18px;background:#fff;overflow:hidden;cursor:pointer;text-align:start;font:inherit;box-shadow:0 14px 30px rgba(15,38,56,.08);transition:transform .3s,box-shadow .3s,border-color .3s}
.xp-shot:hover{transform:translateY(-6px);border-color:var(--xp-sky);box-shadow:0 24px 46px rgba(31,111,163,.18)}
.xp-shot__bar{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;background:#F3F8FC;border-bottom:1px solid var(--xp-line)}
.xp-shot__bar i{width:8px;height:8px;border-radius:50%;background:#C9DBE8}
.xp-shot__bar i:first-child{background:#48DCDC}
.xp-shot__bar span{flex:1;height:12px;margin-left:10px;border-radius:99px;background:#E3EEF6}
.xp-shot__view{display:block;height:360px;overflow:hidden;background:var(--xp-light)}
.xp-shot__view img{display:block;width:100%;height:auto;transform:translateY(0);transition:transform 7s ease-in-out}
.xp-shot:hover .xp-shot__view img{transform:translateY(calc(-100% + 360px))}
.xp-shot__hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%,8px);direction:rtl;white-space:nowrap;background:rgba(15,38,56,.85);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.xp-shot:hover .xp-shot__hint{opacity:1;transform:translate(-50%,0)}

.xp-works__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}

/* نافذة العرض الكامل */
.xp-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,38,56,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.xp-lb[hidden]{display:none}
.xp-lb__box{position:relative;width:min(720px,100%);height:min(88vh,1000px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.xp-lb__scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.xp-lb__scroll img{display:block;width:100%;height:auto}
.xp-lb__close{position:absolute;top:12px;left:12px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:var(--xp-navy);color:#fff;font-size:16px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.xp-lb__nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;background:#fff;color:var(--xp-navy);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.xp-lb__prev{right:12px}
.xp-lb__next{left:12px}
.xp-lb__count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:2;background:rgba(15,38,56,.85);color:#fff;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px}

@keyframes xpMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width:900px){
  .xp-works{padding:40px 0 48px}
  .xp-works__desk{display:none}
  .xp-works__mob{display:block}
  .xp-marquee{padding:10px 0;-webkit-mask-image:none;mask-image:none}
  .xp-marquee--m .xp-track{animation-duration:60s}
  .xp-shot{width:210px;margin-right:14px;border-radius:16px}
  .xp-shot:hover{transform:none}
  .xp-shot__bar{height:24px}
  .xp-shot__view{height:300px}
  .xp-shot:hover .xp-shot__view img{transform:none}
  .xp-shot__hint{opacity:1;transform:translate(-50%,0);font-size:11px;padding:5px 10px}
  .xp-works__cta{gap:8px;flex-wrap:nowrap}
  .xp-works__cta .xp-btn{flex:1 1 0;padding:13px 10px;font-size:14.5px;border-radius:12px}
  .xp-lb{padding:12px}
  .xp-lb__box{height:86vh;border-radius:16px}
  .xp-lb__nav{width:38px;height:38px;margin-top:-19px;font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  .xp-track{animation:none!important}
  .xp-marquee{overflow-x:auto}
  .xp-shot__view img{transition:none!important}
}

/* ===== خبراء المنصات | الخطوة 5 (كيف نعمل) ===== */
.xp-how,.xp-how *{box-sizing:border-box}
.xp-how{background:#fff;padding:24px 0 64px;color:var(--xp-navy)}
.xp-how__in{max-width:1240px;margin:0 auto;padding:0 16px}
.xp-how__panel{position:relative;overflow:hidden;border-radius:32px;padding:48px 32px 40px;background:linear-gradient(160deg,#f5feff,#EAF4FB);border:1px solid var(--xp-line)}
.xp-how__panel::before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(72,220,220,.22),transparent 70%);pointer-events:none}

.xp-steps{--xp-p:0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
/* الخط الأفقي خلف الأرقام */
.xp-steps__line{position:absolute;top:34px;right:12.5%;left:12.5%;height:4px;border-radius:99px;background:#D3E4F0;overflow:hidden}
.xp-steps__line b{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(270deg,var(--xp-teal),var(--xp-sky),var(--xp-blue));transform-origin:right center;transform:scaleX(var(--xp-p));transition:transform .15s linear}

.xp-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.xp-step__n{position:relative;z-index:1;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#fff;border:2px solid var(--xp-line);box-shadow:0 10px 24px rgba(15,38,56,.08);margin-bottom:18px;transition:background .4s,border-color .4s,transform .4s,box-shadow .4s}
.xp-step__n svg{width:32px;height:32px;fill:none;stroke:var(--xp-muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.xp-step__n svg .ac{stroke:var(--xp-sky)}
.xp-step__n i{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;background:var(--xp-navy);color:#fff;border:2px solid #fff}
.xp-step.is-on .xp-step__n{background:linear-gradient(135deg,var(--xp-blue),var(--xp-sky));border-color:transparent;transform:translateY(-4px);box-shadow:0 16px 30px rgba(31,111,163,.3)}
.xp-step.is-on .xp-step__n svg{stroke:#fff}
.xp-step.is-on .xp-step__n svg .ac{stroke:var(--xp-teal)}
.xp-step.is-on .xp-step__n i{background:var(--xp-teal);color:var(--xp-navy)}

.xp-step__card{width:100%;flex:1;background:#fff;border:1px solid var(--xp-line);border-radius:22px;padding:20px 18px 18px;transition:border-color .4s,box-shadow .4s}
.xp-step.is-on .xp-step__card{border-color:rgba(56,144,200,.45);box-shadow:0 14px 30px rgba(31,111,163,.1)}
.xp-step__card small{display:block;font-size:12px;font-weight:800;color:var(--xp-sky);margin-bottom:4px}
.xp-step__card h3{font-size:19px;font-weight:800;margin:0 0 6px;color:var(--xp-navy)}
.xp-step__card p{font-size:14.5px;line-height:1.8;color:var(--xp-text2);margin:0}
.xp-step__bar{display:none}

.xp-how .xp-works__cta{margin-top:34px}

@media (max-width:900px){
  .xp-how{padding:16px 0 48px}
  .xp-how__panel{padding:32px 12px 26px;border-radius:24px}
  .xp-steps{grid-template-columns:1fr 1fr;gap:10px}
  .xp-steps__line{display:none}
  .xp-step__n{width:52px;height:52px;border-radius:16px;margin-bottom:10px}
  .xp-step__n svg{width:24px;height:24px}
  .xp-step__n i{width:22px;height:22px;font-size:11px;top:-6px;left:-6px}
  .xp-step__card{padding:14px 10px 12px;border-radius:16px}
  .xp-step__card small{font-size:10.5px}
  .xp-step__card h3{font-size:15px}
  .xp-step__card p{font-size:12.5px;line-height:1.7}
  .xp-step__bar{display:block;height:4px;margin-top:10px;border-radius:99px;background:#E3EEF6;overflow:hidden}
  .xp-step__bar b{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(270deg,var(--xp-teal),var(--xp-sky));transition:width .6s ease;margin-inline-start:0}
  .xp-step.is-on .xp-step__bar b{width:100%}
  .xp-how .xp-works__cta{margin-top:22px}
}
@media (prefers-reduced-motion:reduce){
  .xp-how *{transition:none!important}
}

/* ===== خبراء المنصات | الخطوة 6 (خدماتنا) ===== */
.xp-svc,.xp-svc *{box-sizing:border-box}
.xp-svc{background:linear-gradient(180deg,#fff,#f5feff);padding:56px 0 64px;color:var(--xp-navy)}
.xp-svc__in{max-width:1240px;margin:0 auto;padding:0 16px}

/* التبويبات */
.xp-svc__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}
.xp-svc__tab{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid var(--xp-line);background:#fff;color:var(--xp-navy);font:inherit;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 6px 16px rgba(15,38,56,.05);transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s}
.xp-svc__tab svg{width:20px;height:20px;fill:none;stroke:var(--xp-navy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.xp-svc__tab svg .ac{stroke:var(--xp-sky)}
.xp-svc__tab:hover{border-color:var(--xp-sky);transform:translateY(-2px)}
.xp-svc__tab.is-on{background:var(--xp-blue);border-color:var(--xp-blue);color:#fff;box-shadow:0 10px 22px rgba(31,111,163,.28)}
.xp-svc__tab.is-on svg{stroke:#fff}
.xp-svc__tab.is-on svg .ac{stroke:var(--xp-teal)}

/* لوحة التبويب */
.xp-svc__panel{background:#fff;border:1px solid var(--xp-line);border-radius:28px;padding:22px;box-shadow:0 18px 40px rgba(15,38,56,.06)}
.xp-svc__intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;padding:4px 6px 18px;margin-bottom:18px;border-bottom:1px dashed var(--xp-line)}
.xp-svc__intro p{margin:0;font-size:16px;line-height:1.8;color:var(--xp-text2);max-width:620px}
.xp-svc__links{display:flex;flex-wrap:wrap;gap:8px}
.xp-svc__links a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--xp-blue)!important;background:var(--xp-light);border-radius:999px;padding:7px 14px;text-decoration:none!important;transition:background .2s}
.xp-svc__links a:hover{background:#DCEBF7}
.xp-svc__links svg{width:15px;height:15px}

/* شبكة منتجات سلة */
.xp-svc__list{position:relative;min-height:120px}
.xp-svc__list salla-products-list{display:block}
.xp-svc__list salla-products-list > div,
.xp-svc__list .s-products-list-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.xp-svc__list.xp-fade{animation:xpSvcIn .45s ease}
.xp-svc__skel{display:none;grid-template-columns:repeat(4,1fr);gap:16px}
.xp-svc__skel i{display:block;height:300px;border-radius:20px;background:linear-gradient(90deg,#EEF5FA 25%,#F7FBFE 50%,#EEF5FA 75%);background-size:200% 100%;animation:xpShim 1.2s linear infinite}
.xp-svc__list.is-loading .xp-svc__skel{display:grid}
.xp-svc__list.is-loading salla-products-list{position:absolute;inset:0;opacity:0;pointer-events:none}
.xp-svc__empty{display:none;text-align:center;padding:30px 10px;color:var(--xp-muted);font-weight:700}
.xp-svc__list.is-fallback .xp-svc__empty{display:block}
.xp-svc__list.is-fallback salla-products-list{display:none}

/* خدمة حسب الطلب */
.xp-svc__custom{display:flex;align-items:center;gap:16px;margin-top:22px;padding:18px 22px;border-radius:22px;border:1.5px dashed rgba(56,144,200,.55);background:#fff}
.xp-svc__custom-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--xp-light);color:var(--xp-blue)}
.xp-svc__custom-ic svg{width:26px;height:26px}
.xp-svc__custom > div{flex:1;min-width:0}
.xp-svc__custom b{display:block;font-size:17px;font-weight:800;color:var(--xp-navy)}
.xp-svc__custom span{font-size:14px;color:var(--xp-text2)}
.xp-svc__custom-btn{flex:none;padding:12px 22px;border-radius:14px;background:var(--xp-blue);color:#fff!important;font-weight:800;font-size:15px;text-decoration:none!important;transition:background .2s,transform .2s}
.xp-svc__custom-btn:hover{background:var(--xp-navy);transform:translateY(-2px)}

@keyframes xpSvcIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes xpShim{from{background-position:200% 0}to{background-position:-200% 0}}

@media (max-width:900px){
  .xp-svc{padding:40px 0 48px}
  /* التبويبات: كل 2 في صف، وكلها ظاهرة */
  .xp-svc__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
  .xp-svc__tab{justify-content:flex-start;gap:8px;min-height:50px;padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.35;white-space:normal;text-align:start;box-shadow:none}
  .xp-svc__tab:hover{transform:none}
  .xp-svc__tab svg{flex:none;width:20px;height:20px}
  .xp-svc__panel{padding:14px 10px;border-radius:20px}
  .xp-svc__intro{padding:2px 4px 14px;margin-bottom:14px}
  .xp-svc__intro p{font-size:14px}
  .xp-svc__links a{font-size:12.5px;padding:6px 11px}
  /* الجوال: منتجان في الصف، وحد أقصى 4 */
  .xp-svc__list salla-products-list > div,
  .xp-svc__list .s-products-list-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .xp-svc__list salla-products-list > div > *:nth-child(n+5),
  .xp-svc__list .s-products-list-wrapper > *:nth-child(n+5){display:none!important}
  .xp-svc__skel{grid-template-columns:repeat(2,1fr);gap:10px}
  .xp-svc__skel i{height:240px}
  .xp-svc__custom{flex-wrap:wrap;padding:16px;gap:12px}
  .xp-svc__custom > div{flex-basis:calc(100% - 64px)}
  .xp-svc__custom-btn{flex:1 1 100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .xp-svc *{animation:none!important;transition:none!important}
}

/* ===== خبراء المنصات | الخطوة 7 (الأسئلة الشائعة + الخاتمة) ===== */
.xp-faq,.xp-faq *,.xp-cta,.xp-cta *{box-sizing:border-box}
.xp-faq{background:#fff;padding:56px 0;color:var(--xp-navy)}
.xp-faq__in{max-width:1240px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}
.xp-faq__side{position:sticky;top:110px}
.xp-faq__side h2{font-size:34px;line-height:1.35;font-weight:800;margin:4px 0 10px;color:var(--xp-navy)}
.xp-faq__side > p{font-size:16px;line-height:1.85;color:var(--xp-text2);margin:0 0 22px}
.xp-faq__help{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border-radius:22px;background:linear-gradient(160deg,#f5feff,#EAF4FB);border:1px solid var(--xp-line)}
.xp-faq__help b{font-size:18px;font-weight:800;color:var(--xp-navy)}
.xp-faq__help span{font-size:14.5px;color:var(--xp-text2);margin-bottom:12px}

.xp-faq__list{display:grid;gap:10px}
.xp-qa{background:#fff;border:1px solid var(--xp-line);border-radius:18px;transition:border-color .25s,box-shadow .25s}
.xp-qa.is-open{border-color:var(--xp-sky);box-shadow:0 14px 30px rgba(31,111,163,.1)}
.xp-qa__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:none;border:0;cursor:pointer;font:inherit;text-align:start;color:var(--xp-navy)}
.xp-qa__q span{font-size:16.5px;font-weight:800;line-height:1.5}
.xp-qa__q i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--xp-light);transition:background .25s,transform .3s}
.xp-qa__q i::before,.xp-qa__q i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--xp-blue);transition:background .25s}
.xp-qa__q i::after{transform:rotate(90deg)}
.xp-qa.is-open .xp-qa__q i{background:var(--xp-blue);transform:rotate(45deg)}
.xp-qa.is-open .xp-qa__q i::before,.xp-qa.is-open .xp-qa__q i::after{background:#fff}
.xp-qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.xp-qa.is-open .xp-qa__a{grid-template-rows:1fr}
.xp-qa__a > div{overflow:hidden}
.xp-qa__a p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.9;color:var(--xp-text2)}

/* الخاتمة */
.xp-cta{background:#fff;padding:8px 0 64px}
.xp-cta__in{max-width:1240px;margin:0 auto;padding:0 16px}
.xp-cta__box{position:relative;overflow:hidden;text-align:center;color:#fff;border-radius:32px;padding:56px 24px 34px;
  background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(125deg,var(--xp-navy),var(--xp-blue) 55%,var(--xp-sky));
  background-size:34px 34px,34px 34px,auto}
.xp-cta__orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.xp-cta__orb--1{width:260px;height:260px;left:-80px;top:-90px;background:radial-gradient(circle,rgba(72,220,220,.45),transparent 70%);animation:xpBreath2 6s ease-in-out infinite}
.xp-cta__orb--2{width:220px;height:220px;right:-60px;bottom:-100px;background:radial-gradient(circle,rgba(72,220,220,.3),transparent 70%);animation:xpBreath2 7s ease-in-out infinite reverse}
.xp-cta__box h2{position:relative;font-size:38px;font-weight:800;margin:0 0 10px;color:#fff}
.xp-cta__box > p{position:relative;font-size:17px;color:#D6E8F4;margin:0 auto 26px;max-width:560px;line-height:1.8}
.xp-cta__btns{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.xp-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none!important;transition:transform .2s,background .2s}
.xp-cta__btn svg{width:18px;height:18px}
.xp-cta__btn--light{background:#fff;color:var(--xp-blue)!important;box-shadow:0 12px 26px rgba(15,38,56,.25)}
.xp-cta__btn--light:hover{transform:translateY(-2px);background:var(--xp-light)}
.xp-cta__btn--line{border:1.5px solid rgba(255,255,255,.55);color:#fff!important}
.xp-cta__btn--line:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.xp-cta__trust{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.xp-cta__trust span{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#E3F1FA}
.xp-cta__trust svg{width:18px;height:18px;color:var(--xp-teal)}
@keyframes xpBreath2{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}

@media (max-width:900px){
  .xp-faq{padding:40px 0}
  .xp-faq__in{grid-template-columns:1fr;gap:20px}
  .xp-faq__side{position:static;text-align:center}
  .xp-faq__side h2{font-size:27px}
  .xp-faq__side > p{font-size:15px;margin-bottom:0}
  .xp-faq__help{display:none}
  .xp-faq__in::after{content:none}
  .xp-qa__q{padding:15px 14px}
  .xp-qa__q span{font-size:15px}
  .xp-qa__q i{width:26px;height:26px}
  .xp-qa__a p{padding:0 14px 15px;font-size:14px}
  .xp-cta{padding:0 0 48px}
  .xp-cta__box{border-radius:24px;padding:40px 16px 26px}
  .xp-cta__box h2{font-size:28px}
  .xp-cta__box > p{font-size:15px}
  .xp-cta__btns{flex-wrap:nowrap;gap:8px}
  .xp-cta__btn{flex:1 1 0;padding:13px 8px;font-size:14.5px;border-radius:12px}
  .xp-cta__trust{flex-direction:column;align-items:center;gap:10px}
}
@media (prefers-reduced-motion:reduce){
  .xp-faq *,.xp-cta *{animation:none!important;transition:none!important}
}
#app > ticketing-system{
  display: none;
}