/* صفحة خدمة السيرة الذاتية (أثر). رموزها خاصة بها حتى لا تتأثر بالقالب، ويغيّرها صاحب الموقع من لوحة التخصيص. */
.alp{--l-bg:#FBFCFA;--l-surface:#FFFFFF;--l-ink:#14201B;--l-muted:#56645E;--l-accent:#0B6B4F;--l-accent2:#C98A0B;--l-soft:#E4F2EB;--l-soft2:#FBF1DC;--l-line:#E0E7E3;--l-on:#FFFFFF;
  --l-display:"AT Readex","AT Plex",sans-serif;--l-body:"AT Plex","Segoe UI",Tahoma,sans-serif;--l-r:18px;
  background:var(--l-bg);color:var(--l-ink);font-family:var(--l-body);line-height:1.8;font-size:16px;container-type:inline-size;direction:rtl;text-align:right;overflow:hidden}
.alp[data-preset="raml"]{--l-bg:#FBF8F3;--l-surface:#FFFFFF;--l-ink:#2A2118;--l-muted:#6F6253;--l-accent:#9A5B2E;--l-accent2:#3F6C68;--l-soft:#F4E9DC;--l-soft2:#E4EFEC;--l-line:#ECE1D2}
.alp[data-preset="layl"]{--l-bg:#0E1621;--l-surface:#152131;--l-ink:#E8EEF5;--l-muted:#9AAABB;--l-accent:#5BB6A6;--l-accent2:#E3B76A;--l-soft:#17303A;--l-soft2:#33291A;--l-line:#24364A;--l-on:#0E1621}
.alp[data-preset="samawi"]{--l-bg:#F6F9FC;--l-surface:#FFFFFF;--l-ink:#13233A;--l-muted:#55657A;--l-accent:#2563A6;--l-accent2:#D9714F;--l-soft:#E3EEF9;--l-soft2:#FBE9E2;--l-line:#DCE6F1}
.alp[data-font="formal"]{--l-display:"AT Plex",sans-serif;--l-body:"AT Noto",sans-serif}
.alp[data-font="warm"]{--l-display:"AT Alexandria",sans-serif;--l-body:"AT Tajawal",sans-serif}
.alp[data-shape="sharp"]{--l-r:6px}
.alp *,.alp *::before,.alp *::after{box-sizing:border-box}
.alp h2,.alp h3,.alp h4,.alp p,.alp ul,.alp blockquote{margin:0;padding:0;letter-spacing:normal;text-transform:none}
.alp h2,.alp h3,.alp h4{font-family:var(--l-display);color:inherit;line-height:1.3;text-wrap:balance}
.alp a{text-decoration:none}
.alp .num{font-variant-numeric:tabular-nums}
.alp .muted{color:var(--l-muted)}
.alp button,.alp input{font:inherit}
.alp :focus-visible{outline:2px solid var(--l-accent);outline-offset:2px}
.athar-main{display:block}

.alp .lbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:calc(var(--l-r) * .7);padding:13px 22px;font-weight:600;font-size:15px;border:1px solid var(--l-line);background:var(--l-surface);color:var(--l-ink);min-height:46px;transition:transform .2s,box-shadow .2s;cursor:pointer;line-height:1.3}
.alp .lbtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--l-accent) 25%,transparent);color:var(--l-ink)}
.alp .lbtn.pri,.alp .lbtn.pri:hover{background:var(--l-accent);border-color:var(--l-accent);color:var(--l-on)}
.alp .ls{padding:clamp(40px,6cqi,76px) max(16px,calc((100cqi - 1180px) / 2));position:relative}
.alp .ls+.ls{border-top:1px solid var(--l-line)}
.alp .ls.off{display:none}
.alp .lh{display:grid;gap:8px;max-width:640px;margin-bottom:30px}
.alp .lh .eb{font-size:13px;font-weight:600;color:var(--l-accent);letter-spacing:.02em}
.alp .lh h3{font-size:clamp(22px,3.2cqi,32px);font-weight:600}
.alp .lh p{color:var(--l-muted)}
.alp.editing [data-e]{outline:1px dashed color-mix(in srgb,var(--l-accent) 60%,transparent);outline-offset:3px;border-radius:4px;cursor:text}

/* الواجهة */
.alp .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,4cqi,48px);align-items:center}
.alp .hero .kick{display:inline-flex;align-items:center;gap:8px;background:var(--l-soft);color:var(--l-accent);font-weight:600;font-size:13px;padding:6px 14px;border-radius:999px}
.alp .hero .kick i{width:8px;height:8px;border-radius:50%;background:var(--l-accent);animation:alpPulse 2s infinite}
@keyframes alpPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--l-accent) 50%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.alp .hero h2{font-size:clamp(26px,4cqi,44px);line-height:1.25;font-weight:600;margin-top:16px}
.alp .hero h2 em{font-style:normal;color:var(--l-accent);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--l-accent2) 35%,transparent) 62%)}
.alp .hero .lead{font-size:clamp(15px,1.9cqi,18px);color:var(--l-muted);margin-top:14px;max-width:52ch}
.alp .hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.alp .hero .ticks{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:13.5px;color:var(--l-muted)}
.alp .hero .ticks span{display:flex;gap:6px;align-items:center}
.alp .hero .ticks svg{color:var(--l-accent)}
.alp .art{position:relative;aspect-ratio:1.1/1;max-width:100%}
.alp .art .blob{position:absolute;inset:6% 4%;border-radius:42% 58% 52% 48%/48% 42% 58% 52%;background:var(--l-soft);animation:alpMorph 14s ease-in-out infinite alternate}
@keyframes alpMorph{to{border-radius:58% 42% 44% 56%/52% 58% 42% 48%}}
.alp .art .doc{position:absolute;inset-block:10% 8%;inset-inline:22% 20%;background:var(--l-surface);border-radius:12px;box-shadow:0 20px 40px rgba(15,30,25,.14);padding:7%;display:grid;align-content:start;gap:5%;overflow:hidden;border:1px solid var(--l-line)}
.alp .doc .l{height:7px;border-radius:4px;background:color-mix(in srgb,var(--l-ink) 12%,transparent);display:block}
.alp .doc .l.h{height:12px;width:62%;background:var(--l-ink);opacity:.85}
.alp .doc .l.s{width:42%;background:var(--l-accent);opacity:.8}
.alp .doc .l.t{height:8px;width:34%;background:var(--l-accent);opacity:.9;margin-top:4%}
.alp .doc .l.k{background:color-mix(in srgb,var(--l-accent2) 45%,transparent)}
.alp .doc .beam{position:absolute;inset-inline:0;height:26%;top:0;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--l-accent) 16%,transparent) 70%,color-mix(in srgb,var(--l-accent) 55%,transparent) 71%,transparent 74%);animation:alpScan 4.5s ease-in-out infinite}
@keyframes alpScan{0%{transform:translateY(-30%)}50%{transform:translateY(330%)}100%{transform:translateY(-30%)}}
.alp .fchip{position:absolute;display:flex;align-items:center;gap:8px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:999px;padding:7px 14px 7px 10px;font-size:clamp(11px,1.5cqi,13.5px);font-weight:600;box-shadow:0 10px 24px rgba(15,30,25,.10);animation:alpBob 5s ease-in-out infinite;white-space:nowrap}
.alp .fchip .c{width:20px;height:20px;border-radius:50%;background:var(--l-accent);color:var(--l-on);display:grid;place-items:center;flex:none}
.alp .fchip.c1{top:14%;inset-inline-start:0}.alp .fchip.c2{top:40%;inset-inline-end:0;animation-delay:-1.6s}.alp .fchip.c3{bottom:22%;inset-inline-start:2%;animation-delay:-3.2s}
@keyframes alpBob{50%{transform:translateY(-8px)}}
.alp .meter{position:absolute;bottom:2%;inset-inline-end:4%;background:var(--l-surface);border:1px solid var(--l-line);border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 14px 30px rgba(15,30,25,.14)}
.alp .meter svg{transform:rotate(-90deg)}
.alp .meter b{font-family:var(--l-display);font-size:clamp(18px,2.6cqi,24px);display:block;line-height:1.1;color:var(--l-accent)}
.alp .meter small{font-size:12px;color:var(--l-muted)}
.alp .hero[data-v="center"]{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
.alp .hero[data-v="center"] .lead{margin-inline:auto}
.alp .hero[data-v="center"] .cta,.alp .hero[data-v="center"] .ticks{justify-content:center}
.alp .hero[data-v="center"] .art{width:min(520px,100%);aspect-ratio:1.5/1}
.alp .hero[data-v="center"] .art .doc{inset-inline:30% 30%}
.alp .hero-stats{display:none;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.alp .hero[data-v="stats"] .art{display:none}
.alp .hero[data-v="stats"] .hero-stats{display:grid}
.alp .hs{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:20px;display:grid;gap:4px;color:var(--l-muted);font-size:13.5px}
.alp .hs b{font-family:var(--l-display);font-size:30px;color:var(--l-accent);line-height:1.1}
.alp .hs.big{grid-column:span 2;background:var(--l-accent);color:var(--l-on);border:0}
.alp .hs.big b{color:var(--l-on)}

/* العدّادات */
.alp .counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.alp .ct{display:grid;gap:4px;padding:6px 0;border-inline-start:3px solid var(--l-soft);padding-inline-start:16px;color:var(--l-muted);font-size:13.5px}
.alp .ct b{font-family:var(--l-display);font-size:clamp(26px,4cqi,38px);font-weight:600;line-height:1.1;color:var(--l-ink)}
.alp .ct b small{font-size:.55em;color:var(--l-muted);font-weight:500}

/* رحلة السيرة */
.alp .journey{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.alp .journey .track{position:absolute;inset-inline:8%;top:46px;height:40px;pointer-events:none;width:84%}
.alp .jc{position:relative;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:22px;display:grid;gap:10px;align-content:start;z-index:1}
.alp .jc .ji{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--l-soft);color:var(--l-accent)}
.alp .jc h4{font-size:17px;font-weight:600}
.alp .jc p{color:var(--l-muted);font-size:14px}
.alp .jc .look{display:flex;gap:6px;flex-wrap:wrap}
.alp .jc .look span{font-size:12px;background:var(--l-bg);border:1px solid var(--l-line);border-radius:999px;padding:2px 10px;color:var(--l-muted)}
.alp .jc .sec{font-size:13px;font-weight:600;color:var(--l-accent);border-top:1px solid var(--l-line);padding-top:10px}

/* الخط الزمني */
.alp .tl{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:12px}
.alp .tl .rail{position:absolute;top:34px;inset-inline:12.5%;height:4px;border-radius:2px;background:var(--l-line);overflow:hidden}
.alp .tl .rail i{position:absolute;inset-block:0;inset-inline-start:0;width:100%;background:linear-gradient(to left,var(--l-accent),var(--l-accent2));transform-origin:right;animation:alpFill 6s ease-in-out infinite}
@keyframes alpFill{0%{transform:scaleX(.08)}70%,100%{transform:scaleX(1)}}
.alp .tl .st{display:grid;justify-items:center;text-align:center;gap:10px;position:relative}
.alp .tl .st>div{display:grid;gap:4px;justify-items:center}
.alp .tl .dot{width:48px;height:48px;border-radius:50%;background:var(--l-surface);border:3px solid var(--l-accent);display:grid;place-items:center;color:var(--l-accent);z-index:1;font-family:var(--l-display);font-weight:600}
.alp .tl .st h4{font-size:16px;font-weight:600}
.alp .tl .st p{font-size:13.5px;color:var(--l-muted);max-width:24ch}
.alp .tl .st small{font-size:12px;font-weight:600;color:var(--l-accent2)}

/* نوعا السيرة */
.alp .types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.alp .ty{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:20px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;transition:transform .25s,box-shadow .25s}
.alp .ty:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,30,25,.10)}
.alp .mini{aspect-ratio:210/297;border-radius:6px;background:#fff;box-shadow:0 8px 20px rgba(15,30,25,.12);padding:10%;display:grid;align-content:start;gap:6%;overflow:hidden;border:1px solid #E4E4E4}
.alp .mini .l{height:4px;border-radius:2px;background:#D5D5D5;display:block}
.alp .mini .l.h{height:7px;width:60%;background:#333}
.alp .mini .l.t{width:38%;background:#777;margin-top:6%}
.alp .mini.ig{grid-template-columns:34% minmax(0,1fr);gap:8%;padding:0}
.alp .mini.ig .sb{background:color-mix(in srgb,var(--l-accent) 18%,#fff);padding:14% 12%;display:grid;align-content:start;gap:8%}
.alp .mini.ig .av{width:70%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--l-accent) 55%,#fff);justify-self:center;display:block}
.alp .mini.ig .mn{padding:14% 0 0 10%;display:grid;align-content:start;gap:6%}
.alp .mini .tlm{display:grid;gap:10%;border-inline-start:2px solid color-mix(in srgb,var(--l-accent) 60%,#fff);padding-inline-start:8%;margin-top:6%}
.alp .mini .bars{display:flex;align-items:flex-end;gap:6%;height:28px;margin-top:6%}
.alp .mini .bars i{flex:1;background:color-mix(in srgb,var(--l-accent2) 70%,#fff);border-radius:2px 2px 0 0}
.alp .ty h4{font-size:18px;font-weight:600}
.alp .ty .use{font-size:13px;font-weight:600;color:var(--l-accent);margin-top:2px}
.alp .ty ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px;color:var(--l-muted)}
.alp .ty li{display:flex;gap:8px}
.alp .ty li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--l-accent);margin-top:.75em}
.alp .both-note{margin:16px auto 0;font-size:14px;font-weight:600;color:var(--l-accent);background:var(--l-soft);border-radius:999px;padding:10px 18px;width:fit-content;text-align:center}

/* معرض النماذج */
.alp .gal{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:center}
.alp .gal-list{display:grid;gap:10px}
.alp .gp{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:start;border:1px solid var(--l-line);background:var(--l-surface);border-radius:calc(var(--l-r) * .8);padding:12px;position:relative;overflow:hidden;color:var(--l-ink);transition:border-color .25s,box-shadow .25s;cursor:pointer}
.alp .gp[aria-selected="true"]{border-color:var(--l-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--l-accent) 16%,transparent)}
.alp .gp .ga{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--l-soft);display:block}
.alp .gp .ga svg{display:block;width:100%;height:100%}
.alp .gp b{display:block;font-size:14px;font-weight:600;line-height:1.4}
.alp .gp small{display:block;font-size:12.5px;color:var(--l-muted)}
.alp .gp .gm{font-family:var(--l-display);font-weight:600;color:var(--l-accent);font-size:15px}
.alp .gp .gpb{position:absolute;inset-inline-start:0;bottom:0;height:3px;width:0;background:var(--l-accent)}
.alp .gp[aria-selected="true"] .gpb{animation:alpGpb 7s linear forwards}
.alp .gal.paused .gp .gpb{animation-play-state:paused}
@keyframes alpGpb{to{width:100%}}
.alp .gal-note{font-size:12.5px;color:var(--l-muted);margin-top:4px}
.alp .gal-stage{position:relative;height:clamp(420px,52cqi,560px);perspective:1400px}
.alp .gal-stage::before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(closest-side,var(--l-soft),transparent);z-index:0}
.alp .cs{position:absolute;top:4%;width:min(44%,330px);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s;cursor:pointer;z-index:1}
.alp .cs .acv{box-shadow:0 24px 50px rgba(15,30,25,.18);border:1px solid #E6E6E6;border-radius:4px}
.alp .cs.a{inset-inline-start:6%;transform:rotate(-6deg) translateY(16px)}
.alp .cs.v{inset-inline-end:6%;transform:rotate(4deg);z-index:2}
.alp .gal-stage.front-a .cs.a{z-index:3;transform:rotate(-2deg) translateY(0) scale(1.03)}
.alp .gal-stage.front-a .cs.v{filter:brightness(.97)}
.alp .cs:hover{transform:rotate(0) translateY(-8px) scale(1.03)!important;z-index:4}
.alp .cs .cl{position:absolute;top:-14px;inset-inline-start:14px;background:var(--l-ink);color:var(--l-bg);font-size:12px;font-weight:600;padding:3px 12px;border-radius:999px;z-index:2;white-space:nowrap}
.alp .cs .cl em{font-style:normal}
.alp .cs.v .cl{background:var(--l-accent);color:var(--l-on)}
.alp .gal-stage.out .cs{opacity:0}
.alp .gal-stage.out .cs.a{transform:rotate(-14deg) translate(-30px,40px)}
.alp .gal-stage.out .cs.v{transform:rotate(12deg) translate(30px,40px)}
.alp .gbadge{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:12px;align-items:center;background:var(--l-surface);border:1px solid var(--l-line);border-radius:16px;padding:10px 16px;box-shadow:0 16px 34px rgba(15,30,25,.14);white-space:nowrap;transition:opacity .4s}
.alp .gal-stage.out .gbadge{opacity:0}
.alp .gbadge svg{transform:rotate(-90deg);flex:none}
.alp .gbadge b{font-family:var(--l-display);font-size:20px;color:var(--l-accent);display:block;line-height:1.1}
.alp .gbadge small{font-size:12px;color:var(--l-muted)}

/* قبل وبعد */
.alp .ba{position:relative;border-radius:var(--l-r);overflow:hidden;border:1px solid var(--l-line);background:var(--l-surface);aspect-ratio:16/8;max-width:100%;user-select:none}
.alp .ba .side{position:absolute;inset:0;display:grid;place-items:center}
.alp .ba .old{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--l-ink) 3%,var(--l-surface)) 0 10px,var(--l-surface) 10px 20px)}
.alp .ba .new{background:var(--l-soft);clip-path:inset(0 0 0 50%)}
.alp .ba .sheet-o,.alp .ba .sheet-n{aspect-ratio:210/297;height:84%;background:#fff;border-radius:6px;box-shadow:0 10px 24px rgba(15,30,25,.14);overflow:hidden;display:grid}
.alp .sheet-o{grid-template-columns:38% minmax(0,1fr)}
.alp .sheet-o .sd{background:#3B3F58;padding:12% 10%;display:grid;align-content:start;gap:7%}
.alp .sheet-o .sd .ph{width:64%;aspect-ratio:1;border-radius:50%;background:#C9CBD6;justify-self:center;display:block}
.alp .sheet-o .sd i{height:4px;border-radius:2px;background:#8D90A6;display:block}
.alp .sheet-o .sd .pb{height:5px;border-radius:3px;background:linear-gradient(to left,#F2A65A 70%,#5A5F7A 70%);display:block}
.alp .sheet-o .mn{padding:12% 10%;display:grid;align-content:start;gap:6%}
.alp .sheet-o .mn i{height:4px;border-radius:2px;background:#C9C9C9;display:block}
.alp .sheet-o .mn .tb{display:grid;grid-template-columns:repeat(3,1fr);gap:4%}
.alp .sheet-o .mn .tb i{height:14px;background:#E9E9EF;border:1px solid #D4D4DE}
.alp .sheet-n{padding:10%;align-content:start;gap:5%}
.alp .sheet-n i{height:4px;border-radius:2px;background:#CFCFCF;display:block}
.alp .sheet-n i.h{height:7px;width:62%;background:#222}
.alp .sheet-n i.t{width:36%;background:#555;margin-top:5%}
.alp .sheet-n i.k{background:color-mix(in srgb,var(--l-accent2) 55%,#fff)}
.alp .ba .say{position:absolute;top:8%;width:30%;display:grid;gap:8px}
.alp .ba .old .say{left:4%}.alp .ba .new .say{right:4%}
.alp .ba .say b{font-family:var(--l-display);font-size:clamp(15px,2.2cqi,20px)}
.alp .ba .say p{font-size:clamp(12px,1.6cqi,14px);color:var(--l-muted)}
.alp .ba .say .m{display:flex;align-items:baseline;gap:8px}
.alp .ba .say .m strong{font-family:var(--l-display);font-size:clamp(26px,4cqi,40px);line-height:1}
.alp .ba .old .m strong{color:#B4372F}.alp .ba .new .m strong{color:var(--l-accent)}
.alp .ba .handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--l-accent);transform:translateX(-50%);pointer-events:none}
.alp .ba .handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--l-accent);color:var(--l-on);display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.alp .ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;direction:ltr}
.alp .ba-cap{display:flex;justify-content:space-between;font-size:13px;color:var(--l-muted);margin-top:10px;gap:10px}

/* الباقات */
.alp .plans{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:16px;align-items:stretch}
.alp .plan{border:1px solid var(--l-line);border-radius:var(--l-r);padding:22px;display:flex;flex-direction:column;gap:12px;background:var(--l-surface);position:relative}
.alp .plan.pop{border:2px solid var(--l-accent);transform:translateY(-6px);box-shadow:0 18px 36px color-mix(in srgb,var(--l-accent) 18%,transparent)}
.alp .plan .rib{position:absolute;top:-12px;inset-inline-start:20px;background:var(--l-accent);color:var(--l-on);font-size:12px;font-weight:600;padding:3px 12px;border-radius:999px}
.alp .plan h4{font-size:17px;font-weight:600}
.alp .plan .pr{font-family:var(--l-display);font-size:34px;font-weight:600;line-height:1}
.alp .plan .pr small{font-size:14px;color:var(--l-muted);font-weight:400}
.alp .plan ul{list-style:none;display:grid;gap:8px;font-size:14px;color:var(--l-muted)}
.alp .plan li{display:flex;gap:8px;align-items:flex-start}
.alp .plan li svg{flex:none;color:var(--l-accent);margin-top:.35em}
.alp .plan .lbtn{margin-top:auto;padding:10px 16px;font-size:14px;min-height:42px}

/* الخصوصية والأسئلة والدعوة */
.alp .priv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;background:var(--l-soft);border-radius:var(--l-r);padding:24px}
.alp .priv .shield{width:72px;height:72px;border-radius:20px;background:var(--l-surface);display:grid;place-items:center;color:var(--l-accent)}
.alp .priv h4{font-size:18px;font-weight:600;margin-bottom:4px}
.alp .priv .no{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.alp .priv .no span{font-size:12.5px;background:var(--l-surface);border-radius:999px;padding:3px 12px;color:var(--l-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--l-accent2) 70%,transparent)}
.alp .faq{display:grid;gap:10px;max-width:820px}
.alp .faq details{border:1px solid var(--l-line);border-radius:calc(var(--l-r) * .7);padding:14px 18px;background:var(--l-surface)}
.alp .faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.alp .faq summary::-webkit-details-marker{display:none}
.alp .faq summary::after{content:"+";color:var(--l-accent);font-size:18px;line-height:1}
.alp .faq details[open] summary::after{content:"−"}
.alp .faq details p{color:var(--l-muted);margin-top:8px;font-size:14.5px}
.alp .cta-band{background:var(--l-accent);color:var(--l-on);border-radius:var(--l-r);padding:clamp(24px,5cqi,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;position:relative;overflow:hidden}
.alp .cta-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--l-on) 18%,transparent) 1.5px,transparent 1.5px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to left,#000,transparent 70%);mask-image:linear-gradient(to left,#000,transparent 70%)}
.alp .cta-band>*{position:relative}
.alp .cta-band h3{font-size:clamp(22px,3.4cqi,32px);font-weight:600;color:var(--l-on)}
.alp .cta-band p{opacity:.9;margin-top:6px}
.alp .cta-band .lbtn{background:var(--l-on);color:var(--l-accent);border-color:var(--l-on)}
.alp .cta-band .ph{font-size:14px;opacity:.85;margin-top:8px;direction:ltr;unicode-bidi:isolate;text-align:right}
.alp .testis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.alp .tc{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:20px;display:grid;gap:12px}
.alp .tc p{color:var(--l-muted);font-style:italic}
.alp .tc .who{display:flex;gap:10px;align-items:center;font-size:13.5px;font-weight:600}
.alp .tc .who i{width:36px;height:36px;border-radius:50%;background:var(--l-soft)}
.alp .offer{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--l-soft2);border-radius:var(--l-r);padding:18px 24px}
.alp .offer b{font-family:var(--l-display);font-size:18px;display:block}
.alp .offer .cd{display:flex;gap:8px;direction:ltr}
.alp .offer .cd span{background:var(--l-surface);border-radius:10px;padding:6px 10px;text-align:center;min-width:56px;font-family:var(--l-display);font-weight:600;display:grid}
.alp .offer .cd b{font-size:18px}
.alp .offer .cd small{font-size:10.5px;color:var(--l-muted);font-weight:400}

/* نافذة الطلب */
.alp .lm-back{position:fixed;inset:0;background:rgba(10,16,13,.5);backdrop-filter:blur(3px);z-index:99999;display:grid;place-items:center;padding:16px}
.alp .lm-back[hidden]{display:none}
.alp .lm{background:var(--l-surface);color:var(--l-ink);border-radius:20px;width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 30px 70px rgba(0,0,0,.3);animation:alpLmIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes alpLmIn{from{opacity:0;transform:translateY(16px) scale(.98)}}
.alp .lm-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--l-line)}
.alp .lm-h h4{font-size:18px;font-weight:600}
.alp .lm-h .x{width:36px;height:36px;border-radius:10px;border:1px solid var(--l-line);background:var(--l-surface);font-size:20px;line-height:1;color:var(--l-ink);cursor:pointer}
.alp .lm-b{padding:20px 22px;display:grid;gap:14px}
.alp .lm .pk{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;background:var(--l-soft);color:var(--l-accent);padding:4px 12px;border-radius:999px;justify-self:start}
.alp .lm .fg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.alp .lm label.f{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--l-muted)}
.alp .lm label.f input{font-size:15px;color:var(--l-ink);background:var(--l-bg);border:1px solid var(--l-line);border-radius:10px;padding:10px 12px;width:100%;margin:0}
.alp .lm label.f input[aria-invalid="true"]{border-color:#B4372F}
.alp .lm .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.alp .lm .err{color:#B4372F;font-size:12.5px;font-weight:500;min-height:1em}
.alp .lm .consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--l-muted)}
.alp .lm .consent input{margin-top:.35em;accent-color:var(--l-accent);width:16px;height:16px;flex:none}
.alp .lm .acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.alp .lm .code{font-weight:600;letter-spacing:.08em;direction:ltr;unicode-bidi:isolate;background:var(--l-soft);padding:2px 10px;border-radius:8px}
.alp .lm .done-h{display:flex;gap:14px;align-items:center}
.alp .lm .done-h .ok{width:48px;height:48px;border-radius:50%;background:var(--l-soft);color:var(--l-accent);display:grid;place-items:center;flex:none;animation:alpPop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes alpPop{from{transform:scale(.4);opacity:0}}
.alp .lm .done-h p{color:var(--l-muted);font-size:14px}
.alp .lm .bub{background:#DCF8C6;color:#1a1a1a;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.75;white-space:pre-line}
.alp .lm .note{font-size:12.5px;color:var(--l-muted)}

@container (max-width:860px){
  .alp .hero{grid-template-columns:minmax(0,1fr)}
  .alp .counters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alp .journey,.alp .tl,.alp .types,.alp .testis{grid-template-columns:minmax(0,1fr)}
  .alp .journey .track,.alp .tl .rail{display:none}
  .alp .tl .st{grid-template-columns:48px minmax(0,1fr);justify-items:start;text-align:start;align-items:start}
  .alp .tl .st>div{justify-items:start}
  .alp .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alp .plan.pop{transform:none}
  .alp .gal{grid-template-columns:minmax(0,1fr)}
  .alp .gal-list{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;padding-bottom:4px}
  .alp .gp{grid-template-columns:36px minmax(0,1fr)}
  .alp .gp .ga{width:36px;height:36px}
  .alp .gp .gm{display:none}
  .alp .gal-stage{height:400px}
  .alp .cs{width:54%}
  .alp .cs .cl em{display:none}
  .alp .cs.a{inset-inline-start:2%}.alp .cs.v{inset-inline-end:2%}
  .alp .cta-band,.alp .priv{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:560px){
  .alp .plans{grid-template-columns:minmax(0,1fr)}
  .alp .ty{grid-template-columns:100px minmax(0,1fr)}
  .alp .ba{aspect-ratio:auto;height:420px}
  .alp .ba .say{width:42%;top:4%}
  .alp .ba .say p{display:none}
  .alp .ba .sheet-o,.alp .ba .sheet-n{height:62%;margin-top:22%}
  .alp .gal-stage{height:360px}
  .alp .fchip{font-size:11px}
  .alp .lm .fg{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.alp *,.alp *::before,.alp *::after{animation:none!important;transition:none!important}}

/* ======================= 1.1: الهوية، والأقسام القابلة للضبط، والتصاميم الخمسة ======================= */
/* ================= داخل الصفحة: الهوية ================= */
.alp-brand{display:flex;align-items:center;gap:14px;padding:14px clamp(16px,4cqi,44px);background:var(--l-surface);border-bottom:1px solid var(--l-line);flex-wrap:wrap;position:relative;z-index:2}
.alp-brand .bl{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--l-accent);overflow:hidden;flex:none}
.alp-brand .bl img{width:100%;height:100%;object-fit:contain;background:#fff}
.alp-brand .bn{display:grid;line-height:1.3}
.alp-brand .bn b{font-family:var(--l-display);font-size:19px;font-weight:700}
.alp-brand .bn small{color:var(--l-muted);font-size:12.5px}
.alp-brand nav{display:flex;gap:18px;margin-inline-start:auto;font-size:14px;color:var(--l-muted);flex-wrap:wrap}
.alp-brand nav a{color:inherit;text-decoration:none}
.alp-brand nav a:hover{color:var(--l-accent)}
.alp-brand .bcta{padding:9px 16px;min-height:0;font-size:14px}
.alp-brand.off{display:none}
@container (max-width:760px){
.alp-brand nav{display:none}
.alp-brand .bcta{margin-inline-start:auto}
}
/* الأرقام */
.alp .ct .live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--l-accent);margin-top:2px}
.alp .ct .live i{width:6px;height:6px;border-radius:50%;background:var(--l-accent);animation:pulse 2s infinite}
/* آراء العملاء: بطاقات بارتفاع محتواها، والعمود التالي يملأ الفراغ */
.alp .tgrid{columns:3 240px;column-gap:16px}
.alp .tq{break-inside:avoid;margin-bottom:16px;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-r);padding:18px;display:grid;gap:12px;animation:tqIn .45s both}
@keyframes tqIn{from{opacity:0;transform:translateY(10px)}}
.alp .tq .stars{color:#E3A008;letter-spacing:2px;font-size:14px}
.alp .tq p{color:var(--l-ink);line-height:1.8}
.alp .tq .who{display:flex;gap:10px;align-items:center}
.alp .tq .pic{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--l-soft);display:grid;place-items:center;color:var(--l-accent);font-weight:700;flex:none}
.alp .tq .pic img{width:100%;height:100%;object-fit:cover}
.alp .tq .who b{font-size:14px;display:block}
.alp .tq .who small{font-size:12px;color:var(--l-muted);display:flex;gap:5px;align-items:center}
.alp .tq.shot{padding:10px}
.alp .tq.shot .cap{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 4px;font-size:12.5px;color:var(--l-muted)}
.alp .tq.shot .cap b{color:var(--l-ink);font-size:13.5px}
.alp .tq.shot img{width:100%;border-radius:calc(var(--l-r) * .6);display:block}
.alp .chat{border-radius:calc(var(--l-r) * .6);overflow:hidden;font-size:12.5px;line-height:1.65;color:#111}
.alp .chat .chh{display:flex;gap:8px;align-items:center;padding:8px 10px;color:#fff;font-weight:600;font-size:12.5px}
.alp .chat .chh i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.3);display:block}
.alp .chat .chb{padding:10px;display:grid;gap:6px}
.alp .chat .m{max-width:86%;border-radius:9px;padding:6px 9px;box-shadow:0 1px 1px rgba(0,0,0,.08);background:#fff;justify-self:start}
.alp .chat .m.me{justify-self:end}
.alp .chat .m small{display:block;font-size:10px;color:#888;text-align:end}
.alp .chat.wa .chh{background:#1E7E58}
.alp .chat.wa .chb{background:#ECE5DD}
.alp .chat.wa .m.me{background:#DCF8C6}
.alp .chat.tg .chh{background:#2481CC}
.alp .chat.tg .chb{background:#D3E2EC}
.alp .chat.tg .m.me{background:#E1FEC6}
.alp .chat.x{background:#fff;border:1px solid #E6E8EA;padding:12px;display:grid;gap:8px}
.alp .chat.x .xh{display:flex;gap:8px;align-items:center}
.alp .chat.x .xh i{width:30px;height:30px;border-radius:50%;background:#CFD9DE;display:block}
.alp .chat.x .xh b{font-size:13px}
.alp .chat.x .xh small{color:#536471;font-size:12px;display:block}
.alp .chat.x .xt{font-size:13.5px;color:#0F1419}
.alp .chat.x .xf{display:flex;gap:16px;color:#536471;font-size:11.5px}
.alp .src{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;border-radius:999px;padding:1px 8px;background:var(--l-soft);color:var(--l-accent)}
.alp .more{display:flex;justify-content:center;margin-top:6px}
.alp .more .lbtn{gap:10px}
.alp .more small{font-size:12.5px;color:var(--l-muted)}
/* العرض المحدود */
.alp .offer{transition:background .4s,border-color .4s,box-shadow .4s;border:1px solid transparent}
.alp .offer .live2{display:none;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#B4372F;margin-top:6px}
.alp .offer .live2 i{width:9px;height:9px;border-radius:50%;background:#E5484D;animation:liveDot 1.2s infinite}
@keyframes liveDot{0%{box-shadow:0 0 0 0 rgba(229,72,77,.6)}100%{box-shadow:0 0 0 12px rgba(229,72,77,0)}}
.alp .offer.urgent{background:#FDEEEE;border-color:#F3B4B4;box-shadow:0 10px 30px rgba(229,72,77,.15);animation:urgentGlow 2.4s ease-in-out infinite}
@keyframes urgentGlow{50%{box-shadow:0 10px 40px rgba(229,72,77,.32)}}
.alp .offer.urgent .live2{display:flex}
.alp .offer.urgent .cd span{background:#E5484D;color:#fff}
.alp .offer.urgent .cd small{color:rgba(255,255,255,.85)}
.alp .offer.urgent b{color:#9F1F25}
.alp .offer.ended{opacity:.55;filter:grayscale(1)}
.alp .offer .endnote{display:none;font-size:12.5px;color:var(--l-muted)}
.alp .offer.ended .endnote{display:block}
.alp .offer.ended .cd{display:none}
/* الضمان الذهبي */
.alp .gold{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;border-radius:var(--l-r);padding:clamp(20px,4cqi,36px);background:linear-gradient(135deg,#FFF9EC,#FDF0D2);border:1px solid #EBCB85;position:relative;overflow:hidden}
.alp .gold::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-100%);animation:shine 6s ease-in-out infinite}
@keyframes shine{30%,100%{transform:translateX(100%)}}
.alp .seal{width:clamp(110px,16cqi,150px);aspect-ratio:1;position:relative;animation:sealIn 1s cubic-bezier(.2,1.4,.4,1) both}
@keyframes sealIn{from{transform:scale(.6) rotate(-20deg);opacity:0}}
.alp .seal svg{width:100%;height:100%;display:block}
.alp .gold h3{font-family:var(--l-display);font-size:clamp(22px,3.2cqi,30px);font-weight:700;color:#7A5410}
.alp .gold p{color:#5E4A20;margin-top:6px}
.alp .gold ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px;font-size:14px;color:#5E4A20}
.alp .gold li{display:flex;gap:8px;align-items:flex-start}
.alp .gold li svg{color:#B7860B;flex:none;margin-top:.3em}
.alp .gold small{display:block;margin-top:10px;font-size:12px;color:#8A7444}
/* التذييل */
.alp .lfoot{background:var(--l-ink);color:color-mix(in srgb,var(--l-bg) 80%,transparent);border-radius:var(--l-r);padding:clamp(22px,4cqi,40px);display:grid;gap:22px}
.alp .lfoot .cols{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:24px}
.alp .lfoot h5{color:var(--l-bg);font-size:14px;margin:0 0 10px;font-family:var(--l-display);font-weight:600}
.alp .lfoot .fb{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.alp .lfoot .fb .bl{width:40px;height:40px;border-radius:11px;background:var(--l-accent);display:grid;place-items:center;overflow:hidden}
.alp .lfoot .fb .bl img{width:100%;height:100%;object-fit:contain;background:#fff}
.alp .lfoot .fb b{color:var(--l-bg);font-family:var(--l-display);font-size:17px}
.alp .lfoot p,.alp .lfoot li{font-size:13.5px;line-height:1.9}
.alp .lfoot ul{list-style:none;margin:0;padding:0}
.alp .lfoot .soc{display:flex;gap:8px;margin-top:10px}
.alp .lfoot .soc span{width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--l-bg) 12%,transparent);display:grid;place-items:center;color:var(--l-bg)}
.alp .lfoot .bot{border-top:1px solid color-mix(in srgb,var(--l-bg) 15%,transparent);padding-top:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px}
.alp[data-preset="layl"] .lfoot{background:#0A1018}
@container (max-width:760px){
.alp .lfoot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.alp .gold{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.alp .gold ul{justify-items:start;text-align:start}
}
/* ================= التصميم الجريء ================= */
.alp[data-theme="bold"]{--l-display:"Alexandria",sans-serif;--l-r:6px}
.alp[data-theme="bold"] .ls+.ls{border-top:0}
.alp[data-theme="bold"] .ls:nth-child(even){background:var(--l-soft)}
.alp[data-theme="bold"] .ls[data-sec="hero"]{background:var(--l-accent);color:var(--l-on);clip-path:polygon(0 0,100% 0,100% 93%,0 100%);padding-bottom:clamp(60px,9cqi,110px)}
.alp[data-theme="bold"] .ls[data-sec="hero"] h2{color:var(--l-on);font-weight:800}
.alp[data-theme="bold"] .ls[data-sec="hero"] .lead,.alp[data-theme="bold"] .ls[data-sec="hero"] .ticks{color:color-mix(in srgb,var(--l-on) 85%,transparent)}
.alp[data-theme="bold"] .ls[data-sec="hero"] .ticks svg{color:var(--l-accent2)}
.alp[data-theme="bold"] .hero h2 em{color:var(--l-accent2);background:none;text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:8px}
.alp[data-theme="bold"] .hero .kick{background:var(--l-accent2);color:#14201B;transform:rotate(-2deg)}
.alp[data-theme="bold"] .hero .kick i{background:#14201B}
.alp[data-theme="bold"] .ls[data-sec="hero"] .lbtn.pri{background:var(--l-on);color:var(--l-accent);border:2px solid #14201B;box-shadow:4px 4px 0 #14201B}
.alp[data-theme="bold"] .ls[data-sec="hero"] .lbtn:not(.pri){background:transparent;color:var(--l-on);border:2px solid var(--l-on)}
.alp[data-theme="bold"] .art .blob{background:color-mix(in srgb,var(--l-on) 14%,transparent)}
.alp[data-theme="bold"] .jc,.alp[data-theme="bold"] .ty,.alp[data-theme="bold"] .plan,.alp[data-theme="bold"] .tq,.alp[data-theme="bold"] .gp,.alp[data-theme="bold"] .faq details,.alp[data-theme="bold"] .priv{border:2px solid #14201B;box-shadow:6px 6px 0 #14201B;background:var(--l-surface)}
.alp[data-theme="bold"] .lh .eb{display:inline-block;justify-self:start;background:var(--l-accent2);color:#14201B;padding:3px 12px;transform:rotate(-2deg);font-weight:700}
.alp[data-theme="bold"] .lh h3{font-weight:800;font-size:clamp(26px,4cqi,40px)}
.alp[data-theme="bold"] .ct b{-webkit-text-stroke:2px var(--l-ink);color:transparent;font-size:clamp(34px,5.4cqi,54px);font-weight:800}
.alp[data-theme="bold"] .ct{border-inline-start:6px solid var(--l-accent2)}
.alp[data-theme="bold"] .jc .ji{background:var(--l-accent);color:var(--l-on);border-radius:4px}
.alp[data-theme="bold"] .plan.pop{background:var(--l-accent2);transform:rotate(-1.5deg)}
.alp[data-theme="bold"] .lbtn{border:2px solid #14201B;box-shadow:3px 3px 0 #14201B}
.alp[data-theme="bold"] .cta-band{background:#14201B;border-radius:6px}
.alp[data-theme="bold"] .cta-band h3{color:var(--l-accent2)}
.alp[data-theme="bold"] .tl .dot{border-radius:6px;background:var(--l-accent);color:var(--l-on);border-color:#14201B}
.alp[data-theme="bold"] .alp-brand{background:#14201B;border:0;color:#fff}
.alp[data-theme="bold"] .alp-brand .bn small,.alp[data-theme="bold"] .alp-brand nav{color:rgba(255,255,255,.75)}
.alp[data-theme="bold"] .alp-brand .bcta{background:var(--l-accent2);color:#14201B;border:2px solid var(--l-accent2);box-shadow:none}
/* ================= v6: إصلاحات ================= */
.alp .offer.urgent .cd b{color:#fff}
/* ================= الفاخر (داكن) ================= */
.alp[data-theme="luxe"]{--lxa:color-mix(in oklab,var(--l-accent) 55%,#B8FFE4);--lx:#0B0F1A;--lx2:#121829;--lt:#E9EDF6;--lm:rgba(233,237,246,.62);--gl:rgba(255,255,255,.05);--gb:rgba(255,255,255,.11);--l-r:20px;background:var(--lx);color:var(--lt);position:relative;overflow:hidden}
.alp[data-theme="luxe"] .ls+.ls{border-top:1px solid var(--gb)}
.alp[data-theme="luxe"] .ls{position:relative}
.alp[data-theme="luxe"] .lh h3,.alp[data-theme="luxe"] h4{color:var(--lt)}
.alp[data-theme="luxe"] .lh p,.alp[data-theme="luxe"] .muted,.alp[data-theme="luxe"] .jc p,.alp[data-theme="luxe"] .ty ul,.alp[data-theme="luxe"] .plan ul,.alp[data-theme="luxe"] .faq details p,.alp[data-theme="luxe"] .gal-note,.alp[data-theme="luxe"] .ba-cap{color:var(--lm)}
.alp[data-theme="luxe"] .lh .eb{color:var(--lxa);letter-spacing:.12em}
.alp[data-theme="luxe"] .gp,.alp[data-theme="luxe"] .faq details,.alp[data-theme="luxe"] .tq:not(.shot),.alp[data-theme="luxe"] .tq.shot,.alp[data-theme="luxe"] .ba{background:var(--gl);border:1px solid var(--gb);color:var(--lt);backdrop-filter:blur(10px)}
.alp[data-theme="luxe"] .tq p,.alp[data-theme="luxe"] .tq .who b,.alp[data-theme="luxe"] .tq.shot .cap b,.alp[data-theme="luxe"] .gp b{color:var(--lt)}
.alp[data-theme="luxe"] .lbtn{background:var(--gl);border:1px solid var(--gb);color:var(--lt)}
.alp[data-theme="luxe"] .lbtn.pri{background:var(--lxa);border-color:var(--lxa);color:#04110C;box-shadow:0 0 0 0 var(--lxa),0 10px 30px color-mix(in srgb,var(--lxa) 45%,transparent)}
.alp[data-theme="luxe"] .alp-brand{background:rgba(11,15,26,.7);backdrop-filter:blur(12px);border-bottom:1px solid var(--gb);color:var(--lt)}
.alp[data-theme="luxe"] .alp-brand .bn small,.alp[data-theme="luxe"] .alp-brand nav{color:var(--lm)}
.alp[data-theme="luxe"] .lp-nav{background:#070A12;border-color:var(--gb)}
.alp[data-theme="luxe"] .lp-foot{background:#070A12;border-color:var(--gb);color:var(--lm)}
.alp[data-theme="luxe"] .offer{background:var(--gl);border:1px solid var(--gb)}
.alp[data-theme="luxe"] .offer .cd span{background:rgba(255,255,255,.08);color:var(--lt)}
.alp[data-theme="luxe"] .lfoot{background:#070A12;border:1px solid var(--gb)}
.alp[data-theme="luxe"] .ba .old{background:#121829}
.alp[data-theme="luxe"] .ba .new{background:#0E2A22}
.alp .lx-aur{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.alp .lx-aur i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:lxFloat 16s ease-in-out infinite alternate}
.alp .lx-aur i:nth-child(1){width:46%;aspect-ratio:1;background:var(--lxa);top:-18%;inset-inline-start:-8%}
.alp .lx-aur i:nth-child(2){width:40%;aspect-ratio:1;background:#6D5BD0;bottom:-20%;inset-inline-end:-6%;animation-delay:-5s}
.alp .lx-aur i:nth-child(3){width:28%;aspect-ratio:1;background:var(--l-accent2);top:30%;left:40%;opacity:.3;animation-delay:-9s}
@keyframes lxFloat{50%{transform:translate(6%,8%) scale(1.12)}100%{transform:translate(-5%,4%) scale(.95)}}
.alp .lx-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none}
.alp .lx-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;min-height:520px}
.alp .lx-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--gb);background:var(--gl);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--lm)}
.alp .lx-badge b{color:var(--lxa);font-weight:600}
.alp .lx-hero h2{font-size:clamp(30px,5cqi,56px);line-height:1.18;font-weight:700;margin:18px 0 14px;background:linear-gradient(100deg,#fff 30%,var(--lxa) 70%,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lxShine 7s linear infinite}
@keyframes lxShine{to{background-position:-200% 0}}
.alp .lx-hero p{color:var(--lm);font-size:clamp(15px,1.9cqi,18px);max-width:52ch}
.alp .lx-hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.alp .lx-trust{display:flex;gap:22px;margin-top:28px;flex-wrap:wrap}
.alp .lx-trust div{display:grid}
.alp .lx-trust b{font-family:var(--l-display);font-size:24px;color:var(--lt)}
.alp .lx-trust span{font-size:12.5px;color:var(--lm)}
.alp .lx-stage{position:relative;height:440px;perspective:1200px}
.alp .lx-card{position:absolute;inset:40px 16% 30px 16%;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid var(--gb);backdrop-filter:blur(14px);transform:rotateY(-14deg) rotateX(6deg);animation:lxTilt 9s ease-in-out infinite alternate;padding:22px;display:grid;align-content:start;gap:12px;box-shadow:0 40px 80px rgba(0,0,0,.45)}
@keyframes lxTilt{to{transform:rotateY(10deg) rotateX(-4deg)}}
.alp .lx-card .l{height:8px;border-radius:4px;background:rgba(255,255,255,.14)}
.alp .lx-card .l.h{height:14px;width:58%;background:#fff}
.alp .lx-card .l.a{width:36%;background:var(--lxa)}
.alp .lx-card .l.k{background:color-mix(in srgb,var(--l-accent2) 55%,transparent)}
.alp .lx-card .scan{position:absolute;inset-inline:0;height:70px;background:linear-gradient(transparent,color-mix(in srgb,var(--lxa) 35%,transparent),transparent);animation:alpScan 5s ease-in-out infinite;top:0;border-radius:20px}
.alp .lx-orb{position:absolute;display:flex;gap:10px;align-items:center;background:rgba(15,20,34,.75);border:1px solid var(--gb);backdrop-filter:blur(10px);border-radius:16px;padding:10px 14px;color:var(--lt);font-size:13px;box-shadow:0 14px 40px rgba(0,0,0,.4);animation:alpBob 6s ease-in-out infinite}
.alp .lx-orb b{font-family:var(--l-display);font-size:20px;color:var(--lxa);display:block;line-height:1.1}
.alp .lx-orb small{color:var(--lm);font-size:11.5px}
.alp .lx-orb.o1{top:10px;inset-inline-end:0}
.alp .lx-orb.o2{bottom:40px;inset-inline-start:0;animation-delay:-2s}
.alp .lx-orb.o3{top:46%;inset-inline-end:-6px;animation-delay:-4s}
.alp .lx-orb svg{transform:rotate(-90deg)}
.alp .lx-gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.alp .lx-g{background:var(--gl);border:1px solid var(--gb);border-radius:20px;padding:20px;display:grid;justify-items:center;text-align:center;gap:8px;position:relative;overflow:hidden}
.alp .lx-g::after{content:"";position:absolute;inset:auto -30% -60% -30%;height:70%;background:radial-gradient(closest-side,color-mix(in srgb,var(--lxa) 30%,transparent),transparent);pointer-events:none}
.alp .lx-g svg{width:96px;height:96px;transform:rotate(-90deg);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--lxa) 60%,transparent))}
.alp .lx-g circle.v{transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}
.alp .lx-g b{font-family:var(--l-display);font-size:26px;margin-top:-66px;margin-bottom:34px;color:var(--lt)}
.alp .lx-g span{font-size:13px;color:var(--lm)}
.alp .lx-pipe{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.alp .lx-pipe .ln{position:absolute;top:44px;inset-inline:12%;height:2px;background:linear-gradient(90deg,transparent,var(--gb),transparent)}
.alp .lx-pipe .ln i{position:absolute;top:-4px;width:90px;height:10px;border-radius:5px;background:linear-gradient(90deg,transparent,var(--lxa),transparent);filter:blur(1px);animation:lxRun 3.2s linear infinite}
@keyframes lxRun{from{inset-inline-start:-10%}to{inset-inline-start:100%}}
.alp .lx-node{position:relative;z-index:1;background:var(--gl);border:1px solid var(--gb);border-radius:20px;padding:22px;display:grid;gap:10px;backdrop-filter:blur(8px);transition:transform .3s,border-color .3s}
.alp .lx-node:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--lxa) 60%,transparent)}
.alp .lx-node .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--lxa) 18%,transparent);color:var(--lxa);box-shadow:0 0 30px color-mix(in srgb,var(--lxa) 40%,transparent)}
.alp .lx-node h4{font-size:17px}
.alp .lx-node p{color:var(--lm);font-size:14px}
.alp .lx-node .sc{font-size:13px;color:var(--lxa);border-top:1px solid var(--gb);padding-top:10px}
.alp .lx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:lx}
.alp .lx-step{background:var(--gl);border:1px solid var(--gb);border-radius:20px;padding:20px;position:relative;overflow:hidden}
.alp .lx-step::before{counter-increment:lx;content:"0" counter(lx);position:absolute;top:-14px;inset-inline-end:8px;font-family:var(--l-display);font-size:84px;font-weight:700;color:rgba(255,255,255,.05)}
.alp .lx-step h4{font-size:16px;margin-bottom:6px}
.alp .lx-step p{font-size:13.5px;color:var(--lm)}
.alp .lx-step small{display:block;margin-top:10px;color:var(--l-accent2);font-weight:600;font-size:12px}
.alp .lx-step .lb{height:3px;border-radius:2px;background:var(--gb);margin-top:14px;overflow:hidden}
.alp .lx-step .lb i{display:block;height:100%;background:var(--lxa);animation:lxBar 3.5s ease-in-out infinite}
@keyframes lxBar{0%{width:0}60%,100%{width:100%}}
.alp .lx-step:nth-child(2) .lb i{animation-delay:.5s}
.alp .lx-step:nth-child(3) .lb i{animation-delay:1s}
.alp .lx-step:nth-child(4) .lb i{animation-delay:1.5s}
.alp .lx-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.alp .lx-type{background:var(--gl);border:1px solid var(--gb);border-radius:22px;padding:22px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:center}
.alp .lx-type .mini{transform:rotate(-4deg);box-shadow:0 20px 40px rgba(0,0,0,.4)}
.alp .lx-type:nth-child(2) .mini{transform:rotate(4deg)}
.alp .lx-type h4{font-size:18px}
.alp .lx-type p{color:var(--lxa);font-size:13px;margin:4px 0 8px}
.alp .lx-type li{color:var(--lm);font-size:13.5px}
.alp .lx-type ul{margin:0;padding-inline-start:18px}
.alp .lx-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.alp .lx-plan{position:relative;border-radius:22px;padding:24px;background:var(--gl);border:1px solid var(--gb);display:flex;flex-direction:column;gap:12px}
.alp .lx-plan.pop{border:0;background:var(--lx2)}
.alp .lx-plan.pop::before{content:"";position:absolute;inset:-1.5px;border-radius:23.5px;padding:1.5px;background:conic-gradient(from var(--ang,0deg),var(--lxa),#6D5BD0,var(--l-accent2),var(--lxa));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lxSpin 5s linear infinite}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes lxSpin{to{--ang:360deg}}
.alp .lx-plan .rib{align-self:flex-start;font-size:12px;font-weight:600;color:#04110C;background:var(--lxa);border-radius:999px;padding:2px 12px}
.alp .lx-plan h4{font-size:16px}
.alp .lx-plan .pr{font-family:var(--l-display);font-size:38px;font-weight:700;line-height:1}
.alp .lx-plan .pr small{font-size:14px;color:var(--lm);font-weight:400}
.alp .lx-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--lm)}
.alp .lx-plan li::before{content:"✓";color:var(--lxa);margin-inline-end:8px;font-weight:700}
.alp .lx-plan .lbtn{margin-top:auto}
.alp .lx-cta{position:relative;border-radius:28px;overflow:hidden;padding:clamp(30px,6cqi,64px);text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--lxa) 35%,#0B0F1A),#121829);border:1px solid var(--gb)}
.alp .lx-cta h3{font-size:clamp(26px,4.4cqi,44px);color:#fff;position:relative}
.alp .lx-cta p{color:var(--lm);position:relative;margin:10px 0 22px}
.alp .lx-cta .lbtn{position:relative}
.alp .lx-priv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;background:var(--gl);border:1px solid var(--gb);border-radius:22px;padding:26px}
.alp .lx-shield{width:90px;height:90px;position:relative;display:grid;place-items:center;color:var(--lxa)}
.alp .lx-shield::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--lxa) 60%,transparent);animation:lxSpin2 14s linear infinite}
@keyframes lxSpin2{to{transform:rotate(360deg)}}
.alp .lx-priv h4{font-size:18px}
.alp .lx-priv p{color:var(--lm)}
.alp .lx-priv .no{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.alp .lx-priv .no span{font-size:12.5px;border:1px solid var(--gb);border-radius:999px;padding:3px 12px;color:var(--lm);text-decoration:line-through}
/* ================= المربعات (بنتو) ================= */
.alp[data-theme="bento"]{--bt:#ECEEF1;--l-r:26px;background:var(--bt)}
.alp[data-theme="bento"] .ls+.ls{border-top:0}
.alp[data-theme="bento"] .ls{padding-block:clamp(22px,3cqi,34px)}
.alp[data-theme="bento"] .lh{margin-bottom:16px}
.alp[data-theme="bento"] .gp,.alp[data-theme="bento"] .faq details,.alp[data-theme="bento"] .tq,.alp[data-theme="bento"] .ba,.alp[data-theme="bento"] .offer,.alp[data-theme="bento"] .priv{border:0;border-radius:26px;background:#fff}
.alp[data-theme="bento"] .ls[data-sec="gallery"],.alp[data-theme="bento"] .ls[data-sec="faq"],.alp[data-theme="bento"] .ls[data-sec="testis"],.alp[data-theme="bento"] .ls[data-sec="compare"]{background:#fff;border-radius:30px;margin:0 clamp(12px,2cqi,20px) 14px;padding-inline:clamp(16px,3cqi,30px)}
.alp .bt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(120px,auto);gap:14px}
.alp .bt{background:#fff;border-radius:26px;padding:22px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.alp .bt:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(20,30,25,.08)}
.alp .bt.w2{grid-column:span 2}
.alp .bt.h2{grid-row:span 2}
.alp .bt.acc{background:var(--l-accent);color:var(--l-on)}
.alp .bt.acc2{background:var(--l-accent2);color:#1B1B1B}
.alp .bt.ink{background:var(--l-ink);color:var(--l-bg)}
.alp .bt .lab{font-size:12.5px;font-weight:600;opacity:.7;letter-spacing:.02em}
.alp .bt h2{font-size:clamp(28px,4.4cqi,48px);line-height:1.15;font-weight:700;margin:12px 0}
.alp .bt h2 em{font-style:normal;color:var(--l-accent)}
.alp .bt p{color:var(--l-muted);font-size:15px}
.alp .bt .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.alp .bt-ring{display:grid;place-items:center;height:100%;gap:6px;text-align:center}
.alp .bt-ring svg{width:110px;height:110px;transform:rotate(-90deg)}
.alp .bt-ring b{font-family:var(--l-display);font-size:30px;margin-top:-80px;margin-bottom:40px}
.alp .bt-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);margin-top:12px}
.alp .bt-marq div{display:flex;gap:8px;width:max-content;animation:btMarq 18s linear infinite}
.alp .bt-marq span{white-space:nowrap;background:var(--l-soft);color:var(--l-accent);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}
.alp .bt.ink .bt-marq span{background:rgba(255,255,255,.1);color:#fff}
@keyframes btMarq{to{transform:translateX(50%)}}
.alp .bt-cv{background:var(--l-bg);border-radius:14px;padding:16px;display:grid;gap:9px;height:calc(100% - 26px);position:relative;overflow:hidden}
.alp .bt-cv i{display:block;height:7px;border-radius:4px;background:color-mix(in srgb,var(--l-ink) 12%,transparent);transform-origin:right;animation:btDraw 4s ease-in-out infinite}
.alp .bt-cv i.h{height:12px;width:60%;background:var(--l-ink)}
.alp .bt-cv i.a{width:40%;background:var(--l-accent)}
.alp .bt-cv i.k{background:color-mix(in srgb,var(--l-accent2) 50%,transparent)}
.alp .bt-cv i:nth-child(2){animation-delay:.15s}
.alp .bt-cv i:nth-child(3){animation-delay:.3s}
.alp .bt-cv i:nth-child(4){animation-delay:.45s}
.alp .bt-cv i:nth-child(5){animation-delay:.6s}
.alp .bt-cv i:nth-child(6){animation-delay:.75s}
.alp .bt-cv i:nth-child(7){animation-delay:.9s}
.alp .bt-cv i:nth-child(8){animation-delay:1.05s}
@keyframes btDraw{0%{transform:scaleX(.15);opacity:.4}25%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:1}}
.alp .bt-clock{width:74px;height:74px;border-radius:50%;border:3px solid currentColor;position:relative;margin-bottom:10px}
.alp .bt-clock::before,.alp .bt-clock::after{content:"";position:absolute;left:50%;bottom:50%;width:3px;border-radius:2px;background:currentColor;transform-origin:bottom}
.alp .bt-clock::before{height:26px;margin-left:-1.5px;animation:lxSpin2 4s linear infinite}
.alp .bt-clock::after{height:18px;margin-left:-1.5px;animation:lxSpin2 48s linear infinite}
.alp .bt big{font-family:var(--l-display);font-size:clamp(34px,5cqi,52px);font-weight:700;display:block;line-height:1}
.alp .bt-spark{width:100%;height:46px;margin-top:10px}
.alp .bt-spark path.ln{stroke-dasharray:300;stroke-dashoffset:300;animation:btLine 2.4s ease forwards}
@keyframes btLine{to{stroke-dashoffset:0}}
.alp .bt-two{display:flex;gap:10px;margin-top:10px}
.alp .bt-two span{flex:1;aspect-ratio:210/297;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);position:relative;overflow:hidden}
.alp .bt-two span::before{content:"";position:absolute;inset:14% 14% auto;height:8%;background:#333;border-radius:2px}
.alp .bt-two span:nth-child(2)::after{content:"";position:absolute;inset:0 auto 0 0;width:34%;background:color-mix(in srgb,var(--l-accent) 30%,#fff)}
.alp .bt-stars{color:#E3A008;font-size:22px;letter-spacing:3px}
.alp .bt-flow{display:grid;gap:10px;margin-top:12px}
.alp .bt-flow div{display:grid;grid-template-columns:90px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:13px}
.alp .bt-flow span.tr{height:10px;border-radius:5px;background:var(--l-soft);overflow:hidden}
.alp .bt-flow span.tr i{display:block;height:100%;border-radius:5px;background:var(--l-accent);animation:btFill 2.4s cubic-bezier(.2,.8,.2,1) both}
.alp .bt-num{position:absolute;top:-10px;inset-inline-end:14px;font-family:var(--l-display);font-size:100px;font-weight:800;color:color-mix(in srgb,var(--l-accent) 10%,transparent);line-height:1}
.alp .bt.acc .bt-num{color:rgba(255,255,255,.14)}
.alp .bt h4{font-size:18px;position:relative}
.alp .bt .sm{font-size:13.5px;color:var(--l-muted);position:relative;margin-top:6px}
.alp .bt.acc .sm,.alp .bt.acc p{color:rgba(255,255,255,.85)}
.alp .bt-plan{display:flex;flex-direction:column;gap:10px}
.alp .bt-plan .pr{font-family:var(--l-display);font-size:40px;font-weight:700;line-height:1}
.alp .bt-plan .pr small{font-size:14px;opacity:.7;font-weight:400}
.alp .bt-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px}
.alp .bt-plan li::before{content:"●";font-size:8px;vertical-align:middle;margin-inline-end:8px;color:var(--l-accent)}
.alp .bt.acc .bt-plan li::before{color:#fff}
.alp .bt-plan .lbtn{margin-top:auto}
.alp .bt.acc .lbtn.pri{background:#fff;color:var(--l-accent);border-color:#fff}
/* ================= القصة (إنفوجرافيك) ================= */
.alp[data-theme="story"]{--l-r:16px;background:var(--l-bg)}
.alp[data-theme="story"] .ls+.ls{border-top:0}
.alp[data-theme="story"] .alp-secs{position:relative}
.alp[data-theme="story"] .alp-secs::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:color-mix(in srgb,var(--l-accent) 18%,transparent);z-index:0}
.alp[data-theme="story"] .ls{z-index:1}
.alp[data-theme="story"] .ls[data-ch]::before{content:attr(data-ch);position:absolute;top:18px;left:50%;transform:translateX(-50%);background:var(--l-accent);color:var(--l-on);font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:999px;white-space:nowrap;opacity:0;transition:opacity .5s}
.alp[data-theme="story"] .ls.seen::before{opacity:1}
.alp[data-theme="story"] .lh{text-align:center;margin-inline:auto;justify-items:center;background:var(--l-bg);padding:6px 16px}
.alp[data-theme="story"] .ls>*{position:relative}
.alp .st-hero{text-align:center;display:grid;justify-items:center;gap:14px}
.alp .st-hero h2{font-size:clamp(30px,5cqi,54px);font-weight:700;line-height:1.2;max-width:20ch}
.alp .st-hero h2 em{font-style:normal;color:var(--l-accent);position:relative}
.alp .st-hero h2 em svg{position:absolute;inset-inline:0;bottom:-10px;width:100%;height:14px}
.alp .st-hero h2 em path{stroke-dasharray:240;stroke-dashoffset:240;animation:btLine 1.6s .4s ease forwards}
.alp .st-hero p{color:var(--l-muted);max-width:56ch;font-size:clamp(15px,1.9cqi,18px)}
.alp .st-morph{position:relative;width:min(640px,100%);height:330px;margin-top:10px}
.alp .st-sheet{position:absolute;top:20px;width:190px;aspect-ratio:210/297;border-radius:10px;background:#fff;box-shadow:0 20px 50px rgba(15,30,25,.15);overflow:hidden;display:grid}
.alp .st-sheet.old{inset-inline-start:6%;grid-template-columns:38% 1fr;animation:stOld 6s ease-in-out infinite}
.alp .st-sheet.old .sd{background:#3B3F58}
.alp .st-sheet.old .mn{padding:12%;display:grid;align-content:start;gap:7%}
.alp .st-sheet.old .mn i{height:5px;border-radius:3px;background:#CFCFCF}
.alp .st-sheet.new{inset-inline-end:6%;padding:11%;display:flex;flex-direction:column;gap:9px;animation:stNew 6s ease-in-out infinite}
.alp .st-sheet.new i{display:block;height:5px;border-radius:3px;background:#D5D5D5}
.alp .st-sheet.new i.h{height:9px;width:62%;background:#222}
.alp .st-sheet.new i.t{width:36%;background:var(--l-accent);margin-top:5%}
.alp .st-sheet.new i.k{background:color-mix(in srgb,var(--l-accent2) 55%,#fff)}
@keyframes stOld{0%,20%{transform:rotate(-6deg);opacity:1;filter:none}45%,100%{transform:rotate(-2deg) scale(.92);opacity:.45;filter:grayscale(1)}}
@keyframes stNew{0%,30%{transform:translateY(16px) scale(.94);opacity:.3}55%,100%{transform:translateY(0) scale(1.04);opacity:1}}
.alp .st-arrow{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:150px}
.alp .st-arrow path{stroke-dasharray:180;stroke-dashoffset:180;animation:stArr 6s ease-in-out infinite}
@keyframes stArr{0%,25%{stroke-dashoffset:180}50%,100%{stroke-dashoffset:0}}
.alp .st-score{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;background:var(--l-surface);border-radius:999px;padding:8px 18px;box-shadow:0 12px 30px rgba(15,30,25,.12);font-size:13px}
.alp .st-score b{font-family:var(--l-display);font-size:22px}
.alp .st-score .bad{color:#B4372F}
.alp .st-score .good{color:var(--l-accent)}
.alp .st-funnel{display:grid;gap:10px;justify-items:center;max-width:820px;margin:0 auto;position:relative}
.alp .st-lv{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:center;width:100%}
.alp .st-tz{height:88px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px;text-align:center;position:relative;overflow:hidden}
.alp .st-tz::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-100%);animation:shine 4s ease-in-out infinite}
.alp .st-lv:nth-of-type(1) .st-tz{clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);background:var(--l-accent)}
.alp .st-lv:nth-of-type(2) .st-tz{clip-path:polygon(8% 0,92% 0,84% 100%,16% 100%);background:color-mix(in srgb,var(--l-accent) 75%,#fff)}
.alp .st-lv:nth-of-type(3) .st-tz{clip-path:polygon(16% 0,84% 0,76% 100%,24% 100%);background:color-mix(in srgb,var(--l-accent) 50%,#fff);color:var(--l-ink)}
.alp .st-tz small{display:block;font-size:12px;font-weight:500;opacity:.85}
.alp .st-lv .txt{font-size:13.5px;color:var(--l-muted)}
.alp .st-lv .txt b{display:block;color:var(--l-ink);font-size:14.5px;margin-bottom:2px}
.alp .st-token{position:absolute;top:-10px;left:calc(50% - 110px);width:40px;height:52px;border-radius:6px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);border-top:6px solid var(--l-accent2);animation:stDrop 5s cubic-bezier(.5,0,.5,1) infinite;z-index:3}
@keyframes stDrop{0%{transform:translateY(0) scale(1)}80%{transform:translateY(300px) scale(.75)}100%{transform:translateY(300px) scale(.75);opacity:0}}
.alp .st-zig{position:relative;display:grid;gap:26px;max-width:860px;margin:0 auto}
.alp .st-zig .z{width:calc(50% - 40px);background:var(--l-surface);border-radius:16px;padding:18px 20px;box-shadow:0 12px 30px rgba(15,30,25,.07);position:relative}
.alp .st-zig .z:nth-child(odd){justify-self:start}
.alp .st-zig .z:nth-child(even){justify-self:end}
.alp .st-zig .z::after{content:attr(data-n);position:absolute;top:18px;width:40px;height:40px;border-radius:50%;background:var(--l-accent);color:var(--l-on);display:grid;place-items:center;font-weight:700;box-shadow:0 0 0 6px var(--l-bg)}
.alp .st-zig .z:nth-child(odd)::after{inset-inline-end:-60px}
.alp .st-zig .z:nth-child(even)::after{inset-inline-start:-60px}
.alp .st-zig .z h4{font-size:16.5px}
.alp .st-zig .z p{color:var(--l-muted);font-size:14px;margin-top:4px}
.alp .st-zig .z small{color:var(--l-accent2);font-weight:600;font-size:12px;display:block;margin-top:8px}
.alp .st-zig .z{opacity:.25;transform:translateY(16px);transition:opacity .6s,transform .6s}
.alp .ls.seen .st-zig .z{opacity:1;transform:none}
.alp .ls.seen .st-zig .z:nth-child(2){transition-delay:.15s}
.alp .ls.seen .st-zig .z:nth-child(3){transition-delay:.3s}
.alp .ls.seen .st-zig .z:nth-child(4){transition-delay:.45s}
.alp .st-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.alp .st-i{background:var(--l-surface);border-radius:18px;padding:20px;display:grid;justify-items:center;text-align:center;gap:6px;box-shadow:0 12px 30px rgba(15,30,25,.06)}
.alp .st-i .ico{width:56px;height:56px;border-radius:50%;background:var(--l-soft);color:var(--l-accent);display:grid;place-items:center}
.alp .st-i b{font-family:var(--l-display);font-size:32px;line-height:1.1}
.alp .st-i span{font-size:13px;color:var(--l-muted)}
.alp .st-i .pb{width:100%;height:6px;border-radius:3px;background:var(--l-soft);overflow:hidden}
.alp .st-i .pb i{display:block;height:100%;background:var(--l-accent);width:0;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.alp .ls.seen .st-i .pb i{width:var(--w)}
.alp .st-cmp{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:20px;align-items:center;max-width:900px;margin:0 auto}
.alp .st-cmp .side{background:var(--l-surface);border-radius:18px;padding:20px;display:grid;gap:10px;box-shadow:0 12px 30px rgba(15,30,25,.06)}
.alp .st-cmp .side h4{font-size:17px}
.alp .st-cmp .side p{font-size:13px;color:var(--l-accent);font-weight:600}
.alp .st-cmp .side ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px;color:var(--l-muted)}
.alp .st-cmp .side li{display:flex;gap:8px;align-items:center}
.alp .st-cmp .side li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--l-accent);flex:none}
.alp .st-cmp .mid{display:grid;justify-items:center;gap:8px;color:var(--l-muted);font-size:12.5px;text-align:center}
.alp .st-cmp .mid b{width:84px;height:84px;border-radius:50%;background:var(--l-accent);color:var(--l-on);display:grid;place-items:center;font-size:13px;line-height:1.3;box-shadow:0 0 0 10px var(--l-soft);animation:alpPulse 2.4s infinite}
.alp .st-table{max-width:960px;margin:0 auto;border-radius:20px;overflow:hidden;background:var(--l-surface);box-shadow:0 14px 34px rgba(15,30,25,.07)}
.alp .st-table table{width:100%;border-collapse:collapse;font-size:14px}
.alp .st-table th,.alp .st-table td{padding:14px 12px;text-align:center;border-bottom:1px solid var(--l-line)}
.alp .st-table th:first-child,.alp .st-table td:first-child{text-align:start;padding-inline-start:20px}
.alp .st-table thead th{vertical-align:bottom}
.alp .st-table thead b{display:block;font-family:var(--l-display);font-size:15px}
.alp .st-table thead .pr{font-family:var(--l-display);font-size:28px;font-weight:700;display:block;margin-top:4px}
.alp .st-table .pop{background:color-mix(in srgb,var(--l-accent) 8%,transparent)}
.alp .st-table thead .pop{position:relative}
.alp .st-table thead .pop::before{content:"الأكثر طلباً";display:block;font-size:11.5px;font-weight:700;color:var(--l-on);background:var(--l-accent);border-radius:999px;padding:2px 10px;width:fit-content;margin:0 auto 6px}
.alp .st-table .y{color:var(--l-accent);font-weight:700}
.alp .st-table .n{color:var(--l-line)}
.alp .st-table tfoot td{border:0;padding:16px 10px}
.alp .st-table tfoot .lbtn{padding:8px 14px;min-height:0;font-size:13.5px}
@container (max-width:760px){
.alp .lx-hero,.alp .lx-pipe,.alp .lx-types{grid-template-columns:minmax(0,1fr)}
.alp .lx-stage{height:340px}
.alp .lx-gauges,.alp .lx-steps,.alp .lx-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
.alp .lx-pipe .ln{display:none}
.alp .lx-priv{grid-template-columns:minmax(0,1fr)}
.alp .bt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.alp .bt.w2{grid-column:span 2}
.alp[data-theme="story"] .alp-secs::before{display:none}
.alp .st-zig .z{width:100%;padding-top:30px}
.alp .st-zig .z::after{top:-18px!important;inset-inline-start:16px!important;inset-inline-end:auto!important}
.alp .st-info{grid-template-columns:repeat(2,minmax(0,1fr))}
.alp .st-lv{grid-template-columns:minmax(0,1fr)}
.alp .st-token{display:none}
.alp .st-cmp{grid-template-columns:minmax(0,1fr)}
.alp .st-table{overflow-x:auto}
.alp .st-table table{min-width:560px}
.alp .st-morph{height:280px}
.alp .st-sheet{width:140px}
}
/* ================= مشترك للتصاميم الجديدة ================= */
.alp .ls.alt>:not(.tv){display:none!important}
.alp .ls.alt-empty{display:none!important}
.alp circle.v{stroke-dashoffset:var(--f);transition:stroke-dashoffset 1.8s cubic-bezier(.2,.8,.2,1) .2s}
.alp .seen circle.v{stroke-dashoffset:var(--o)}
.alp[data-theme="luxe"] .ls[data-sec="hero"]{overflow:hidden}
@keyframes alpScan{0%,100%{transform:translateY(0)}50%{transform:translateY(300px)}}
@keyframes alpBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes alpPulse{0%,100%{box-shadow:0 0 0 8px var(--l-soft)}50%{box-shadow:0 0 0 16px color-mix(in srgb,var(--l-soft) 40%,transparent)}}
.alp .bt-flow span.tr i{transform-origin:right;animation:none;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.alp .ls.seen .bt-flow span.tr i{transform:scaleX(1)}
.alp .ls.seen .bt-flow div:nth-child(2) span.tr i{transition-delay:.2s}
.alp .ls.seen .bt-flow div:nth-child(3) span.tr i{transition-delay:.4s}
.alp .ls.seen .bt-flow div:nth-child(4) span.tr i{transition-delay:.6s}
@media (prefers-reduced-motion:reduce){
.alp [class^="lx-"],.alp [class^="lx-"] *,.alp [class^="bt"] *,.alp [class^="st-"] *{animation:none!important}
}
.alp[data-theme="luxe"] circle.v{stroke:var(--lxa)}
.alp[data-theme="luxe"] .lbtn.pri{color:#04110C}
.alp .st-sheet.new i{width:100%;flex:none}
.alp .ins-k .kpi{padding-bottom:44px}
.alp .ins-k .kpi svg{height:34px;opacity:.75}
.alp .depth{align-items:stretch;height:130px}
.alp .depth div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.alp .depth i{flex:none}
.alp .fun .bar2 span.out{color:var(--ink)}
/* التذييل: بعرض الصفحة كاملاً وملاصق لأسفلها */
.alp .ls[data-sec="lfoot"]{padding:0!important;margin:0!important;background:none!important;border:0!important}
.alp .ls[data-sec="lfoot"]::before{display:none!important}
.alp .ls[data-sec="lfoot"] .lfoot{border-radius:0;border:0;padding-inline:clamp(16px,4cqi,44px);padding-block:clamp(28px,5cqi,48px) 22px}
.alp.has-lfoot{padding-bottom:0}

/* ================= خاص بالإضافة ================= */
.alp-brand .bl .ini{color:var(--l-on);font-family:var(--l-display);font-weight:700;font-size:20px}
.alp .lfoot .fb .bl .ini{color:var(--l-on);font-weight:700}
.alp .lfoot .soc a{width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--l-bg) 12%,transparent);display:grid;place-items:center;color:var(--l-bg)}
.alp .tq.more-t{display:none}
.alp .tgrid.all .tq.more-t{display:grid}
.alp .tq{margin:0 0 16px}
.alp .offer .cd b{font-size:18px}
.alp .offer.urgent .cd span{background:#E5484D;color:#fff}
.alp .offer.urgent .cd b{color:#fff}
.alp .offer.urgent .cd small{color:rgba(255,255,255,.85)}
/* التذييل بعرض الصفحة كاملاً وملاصق لأسفلها */
.alp .ls[data-sec="lfoot"]{padding:0!important;margin:0!important;background:none!important;border:0!important;clip-path:none!important}
.alp .ls[data-sec="lfoot"]::before{display:none!important}
.alp .ls[data-sec="lfoot"] .lfoot{border-radius:0;border:0;padding-block:clamp(28px,5cqi,48px) 22px;padding-inline:max(16px,calc((100cqi - 1180px) / 2))}
/* قسم الأرقام: عنوان «يزيد تلقائياً» في المعاينة فقط */
.alp .live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--l-accent)}
.alp .live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:alpPulse 2s infinite}
.alp[data-theme="luxe"] .live{color:var(--lxa)}
/* الفاخر */
.alp[data-theme="luxe"] .lx-orb .oi{color:var(--lxa);display:grid}
.alp .lx-plans{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.alp .lx-g b small,.alp .bt big small,.alp .st-i b small{font-size:.5em;font-weight:500;opacity:.75}
.alp[data-theme="luxe"] .lx-cta>h3,.alp[data-theme="luxe"] .lx-cta>p,.alp[data-theme="luxe"] .lx-cta>.lbtn{position:relative}
.alp[data-theme="luxe"] .lx-cta>p{color:var(--lm);margin:10px 0 22px}
.alp[data-theme="luxe"] .lx-cta>h3{font-size:clamp(26px,4.4cqi,44px);color:#fff}
.alp[data-theme="luxe"] .hero-stats,.alp[data-theme="luxe"] .ct{color:var(--lm)}
.alp[data-theme="luxe"] .gal-list .gp{background:var(--gl)}
.alp[data-theme="luxe"] .gold h3{color:#7A5410}
/* المربعات */
.alp .bt-marq.rev div{animation-direction:reverse;animation-duration:24s}
.alp .bt .bi{display:inline-grid}
.alp .bt h4{margin-top:8px}
.alp .bt-ty{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center}
.alp .bt-pv{display:flex;gap:16px;align-items:center}
.alp .bt-pv .si{color:var(--l-accent2);display:grid}
.alp .bt-pv p{color:rgba(255,255,255,.75);font-size:14px;margin-top:4px}
.alp .bt-no{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.alp .bt-no span{text-decoration:line-through;background:var(--l-bg);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--l-muted)}
.alp .bt-cta{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:clamp(24px,4cqi,40px)}
.alp .bt-cta h2{margin:0;color:#fff}
.alp .bt-cta p{margin-top:8px}
.alp .bt-steps [data-e^="how.s"]{display:block;margin-top:12px;font-size:12.5px;font-weight:600;opacity:.75;position:relative}
.alp .bt .bt-cv{margin-top:12px}
.alp .bt-ring{color:#fff}
.alp[data-theme="bento"] .ls[data-sec="gallery"],.alp[data-theme="bento"] .ls[data-sec="faq"],.alp[data-theme="bento"] .ls[data-sec="testis"],.alp[data-theme="bento"] .ls[data-sec="compare"]{margin-inline:max(12px,calc((100cqi - 1220px) / 2));padding-inline:clamp(16px,3cqi,30px)}
/* القصة */
.alp[data-theme="story"] .alp-secs{position:relative}
.alp .st-hero .cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.alp .st-hero h2 em{text-decoration:underline;text-decoration-color:var(--l-accent2);text-decoration-thickness:4px;text-underline-offset:10px}
.alp .st-table thead .pop::before{content:none}
.alp .st-table .rib{display:block;font-size:11.5px;font-weight:700;color:var(--l-on);background:var(--l-accent);border-radius:999px;padding:2px 10px;width:fit-content;margin:0 auto 6px}
.alp .st-table small{display:block;font-size:12px;color:var(--l-muted)}
.alp .st-lv .txt span{display:block}
/* الهوية في الوضع الليلي */
.alp[data-preset="layl"] .alp-brand{background:var(--l-surface)}
/* شريط الموافقة على البكسل (خارج الصفحة، أسفل الشاشة) */
.alp-consent{position:fixed;bottom:16px;right:16px;left:16px;margin-inline-start:auto;z-index:99999;max-width:440px;background:#16201B;color:#fff;border-radius:14px;padding:14px 16px;display:grid;gap:10px;font:14px/1.7 "AT Plex","Segoe UI",Tahoma,sans-serif;direction:rtl;text-align:right;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:alpCIn .35s ease both}
@keyframes alpCIn{from{opacity:0;transform:translateY(12px)}}
.alp-consent div{display:flex;gap:8px}
.alp-consent button{border:0;border-radius:9px;padding:8px 18px;font:600 13.5px/1.2 inherit;cursor:pointer}
.alp-consent [data-px="y"]{background:#fff;color:#16201B}
.alp-consent [data-px="n"]{background:rgba(255,255,255,.12);color:#fff}
/* جدول باقات «القصة»: عمود لكل باقة ببنودها */
.alp .st-table.cols th:first-child,.alp .st-table.cols td:first-child{text-align:center;padding-inline-start:12px}
.alp .st-table.cols tbody td{border-bottom:0;padding:8px 14px;text-align:start;color:var(--l-ink);font-size:14px;vertical-align:top}
.alp .st-table.cols tbody td.y{display:table-cell}
.alp .st-table.cols tbody td svg{color:var(--l-accent);vertical-align:-2px;margin-inline-end:6px}
.alp .st-table.cols tbody tr:first-child td{padding-top:16px}
.alp .st-table.cols thead th{border-bottom:1px solid var(--l-line);padding-bottom:16px}
.alp .st-table.cols tfoot td{border-top:1px solid var(--l-line);text-align:center}
/* المربعات: البطاقات داخل الألواح البيضاء بخلفية خفيفة */
.alp[data-theme="bento"] .ls[data-sec="testis"] .tq,.alp[data-theme="bento"] .ls[data-sec="faq"] details{background:var(--bt)}
.alp[data-theme="bento"] .ls[data-sec="faq"] details{border-radius:16px;padding-inline:16px;margin-bottom:8px}
/* الجريء: شارات الرسم في الواجهة بلون النص الداكن فوق خلفيتها البيضاء */
.alp[data-theme="bold"] .ls[data-sec="hero"] .fchip,.alp[data-theme="bold"] .ls[data-sec="hero"] .meter{color:var(--l-ink)}
.alp .st-table.cols tbody td.y{font-weight:500}
/* 1.1.1: مسافات أهدأ بين الأقسام، والأسئلة بعرض المحتوى كبقية البطاقات، ورابط الشعار */
.alp .ls{padding-block:clamp(28px,4cqi,52px)}
.alp .lh{margin-bottom:22px}
.alp .faq{max-width:none}
.alp-brand .home{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}
/* خيارات القراءة في قالب برق: حجم الخط وتباعد الأسطر وعرض المحتوى تنطبق على صفحة الخدمة أيضاً.
   القيم الافتراضية تُبقي الصفحة كما هي حين لا يوجد القالب أو لم يغيّر الزائر شيئاً. */
.alp{--alp-w:1180px;zoom:var(--barq-scale, 1);line-height:calc(var(--barq-leading, 1.95) * .923)}
html[data-barq-measure="narrow"] .alp{--alp-w:920px}
html[data-barq-measure="normal"] .alp{--alp-w:1060px}
.alp .ls{padding-inline:max(16px,calc((100cqi - var(--alp-w)) / 2))}
.alp .ls[data-sec="lfoot"] .lfoot{padding-inline:max(16px,calc((100cqi - var(--alp-w)) / 2))}
.athar-ui .alp{zoom:1}
/* رابط فاحص السيرة تحت الباقات */
.alp .ck-note{text-align:center;margin-top:18px;font-size:14.5px}
.alp .ck-note a{color:var(--l-accent);font-weight:600;text-decoration:underline;text-underline-offset:4px}