/* ==========================================================================
   طيف التطور — الصفحة الرئيسية: الهيرو وكل الأقسام
   ========================================================================== */

/* ------------------------------------------------------------------ الهيرو */
.hero{--pin-h:max(560px,calc((100vh - var(--hd-h)) * var(--hh) / 100));--pin-top:var(--hd-h);position:relative;background:var(--dark2);color:#fff;isolation:isolate}
@supports (height:100svh){.hero{--pin-h:max(560px,calc((100svh - var(--hd-h)) * var(--hh) / 100))}}
.site-header.static ~ main .hero{--pin-top:0px}
.hero-run{position:relative}
.is-pinned .hero-run{height:calc(var(--pin-h) + (var(--runway) - 100) * 1vh)}
.is-pinned.released .hero-run{height:auto}
.hero-pin{position:relative;overflow:hidden;height:var(--pin-h);display:flex;align-items:center}
.is-pinned .hero-pin{position:sticky;top:var(--pin-top)}
.is-pinned.released .hero-pin{position:relative;top:auto}

.hero-ambient{position:absolute;inset:-70px;background-size:cover;background-position:center;filter:blur(40px) saturate(1.3) brightness(.66);transform:scale(1.12);z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(270deg,rgba(10,8,6,.62) 0%,rgba(10,8,6,.34) 48%,rgba(10,8,6,.08) 100%),
  radial-gradient(900px 500px at 20% 110%,rgba(184,145,91,.22),transparent 70%),
  linear-gradient(0deg,var(--ovc),var(--ovc));background-blend-mode:normal}
.hero-shade::after{content:"";position:absolute;inset:0;background:var(--ovc);opacity:calc(var(--ov) * .55)}
[dir=ltr] .hero-shade{background:linear-gradient(90deg,rgba(10,8,6,.62) 0%,rgba(10,8,6,.34) 48%,rgba(10,8,6,.08) 100%),radial-gradient(900px 500px at 80% 110%,rgba(184,145,91,.22),transparent 70%),linear-gradient(0deg,var(--ovc),var(--ovc))}

.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:64px;width:min(var(--container),calc(100% - 48px));height:100%;padding-block:30px}
.hero-copy{position:relative;z-index:2;max-width:820px}
.align-center .hero-copy{text-align:center;margin-inline:auto}
.align-center .hero-btns{justify-content:center}
.hero-title{font:800 clamp(42px,5.6vw,82px)/1.12 var(--f-head);margin:0 0 4px;color:#fff;text-shadow:0 6px 40px rgba(0,0,0,.4);letter-spacing:-.5px}
.hero-title em.hl{color:var(--gold-l)}
.hero-sub{font:800 clamp(24px,3.1vw,46px)/1.35 var(--f-head);margin:0 0 18px;color:#fff;text-shadow:0 4px 26px rgba(0,0,0,.4)}
.hero-desc{font:500 clamp(17px,1.65vw,23px)/1.8 var(--f-body);color:rgba(255,255,255,.9);margin:0 0 34px;max-width:660px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.align-center .hero-desc{margin-inline:auto}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.hero-btns .btn{padding:14px 26px;font-size:15.5px;min-width:140px}
.hero-btns .btn-gold{min-width:190px}

.hero-media{position:relative;z-index:2;display:flex;justify-content:center}
.hero-card{position:relative;margin:0;height:calc(var(--pin-h) - 64px);max-height:760px;aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:#0b0907;
  border:1px solid rgba(214,185,126,.55);box-shadow:0 40px 90px -30px rgba(0,0,0,.85),0 0 0 6px rgba(255,255,255,.06),0 0 70px -10px rgba(184,145,91,.35);isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--focus);background:#0b0907}
.hero-video.fit-contain{object-fit:contain}
.hero-stage{position:absolute;inset-inline:14px;bottom:22px;z-index:3;padding:13px 16px 14px;border-radius:18px;background:rgba(14,11,8,.64);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);display:grid;gap:3px;transition:opacity .35s,transform .35s}
.hero-stage.swap{opacity:0;transform:translateY(8px)}
.hero-stage .hs-n{font:700 12.5px var(--f-head);color:var(--gold-l);letter-spacing:.5px;direction:ltr;text-align:start}
.hero-stage .hs-n b{font-size:15px}
.hero-stage strong{font:800 clamp(16px,1.5vw,20px)/1.45 var(--f-head);color:#fff}
.hero-stage #hsText{font-size:14px;color:rgba(255,255,255,.8);line-height:1.7}
.hero-prog{position:absolute;inset-inline:0;bottom:0;height:4px;background:rgba(255,255,255,.18);z-index:4}
.hero-prog i{display:block;height:100%;width:0;background:var(--grad-gold);box-shadow:0 0 12px rgba(214,185,126,.8)}
.hero-ctl{position:absolute;z-index:5;width:42px;height:42px;border-radius:50%;background:rgba(14,11,8,.58);color:#fff;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s;padding:0}
.hero-ctl:hover{background:var(--gold-d);transform:scale(1.07)}
.hero-snd{top:14px;inset-inline-end:14px}
.hero-snd .on{display:none}.hero-snd[aria-pressed=true] .on{display:grid}.hero-snd[aria-pressed=true] .off{display:none}
.hero-play{top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%);background:rgba(184,145,91,.9)}
.hero-play:hover{transform:translate(-50%,-50%) scale(1.08)}
.hero-play[hidden]{display:none}

.hero-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(14,11,8,.55);border:1px solid rgba(255,255,255,.3);color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.25s;padding:0}
.hero-arrow:hover{background:var(--gold-d);border-color:var(--gold-l)}
.hero-arrow.prev{right:20px}.hero-arrow.next{left:20px}
[dir=ltr] .hero-arrow.prev{right:auto;left:20px}[dir=ltr] .hero-arrow.next{left:auto;right:20px}
[dir=ltr] .hero-arrow .ic{transform:scaleX(-1)}
.hero-dots{position:absolute;z-index:6;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hero-dots button{width:34px;height:5px;border-radius:5px;background:rgba(255,255,255,.4);border:0;padding:0;transition:.35s}
.hero-dots button:hover{background:rgba(255,255,255,.7)}
.hero-dots button.on{width:56px;background:var(--gold-l)}
.hero-hint{position:absolute;z-index:6;bottom:20px;inset-inline-start:34px;display:flex;align-items:center;gap:12px;font:600 13px var(--f-head);color:rgba(255,255,255,.78)}
.hero-hint i{width:2px;height:34px;background:rgba(255,255,255,.25);border-radius:2px;position:relative;overflow:hidden}
.hero-hint i::after{content:"";position:absolute;inset-inline:0;top:-40%;height:40%;background:var(--gold-l);animation:hint 1.8s infinite}
@keyframes hint{to{top:110%}}
.is-pinned.released .hero-hint{display:none}

/* تخطيط ملء الشاشة + الجوال: الفيديو خلفية كاملة */
.hero--full .hero-media{position:absolute;inset:0;z-index:0}
.hero--full .hero-card{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}
.hero--full .hero-grid{display:flex;align-items:center}
.hero--full .hero-shade{z-index:1;background:linear-gradient(270deg,rgba(10,8,6,.66) 0%,rgba(10,8,6,.38) 50%,rgba(10,8,6,.10) 100%),linear-gradient(0deg,rgba(10,8,6,.55) 0%,rgba(10,8,6,0) 35%)}
[dir=ltr] .hero--full .hero-shade{background:linear-gradient(90deg,rgba(10,8,6,.66) 0%,rgba(10,8,6,.38) 50%,rgba(10,8,6,.10) 100%),linear-gradient(0deg,rgba(10,8,6,.55) 0%,rgba(10,8,6,0) 35%)}
.hero--full .hero-shade::after{opacity:calc(var(--ov) * .5)}
.hero--full .hero-copy{z-index:3}
.hero--full .hero-stage{inset-inline:auto 28px;bottom:70px;width:min(340px,70%)}
@media (max-width:900px){
  .hero{--pin-h:max(520px,calc(100vh - var(--hd-h)))}
  @supports (height:100svh){.hero{--pin-h:max(520px,calc(100svh - var(--hd-h)))}}
  .hero-pin{align-items:flex-end}
  .hero-grid{display:block;position:static;padding:0;width:100%;height:auto}
  .hero-media{position:absolute;inset:0;z-index:0}
  .hero-card{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}
  .hero-shade{z-index:1;background:linear-gradient(180deg,rgba(10,8,6,.45) 0%,rgba(10,8,6,.05) 26%,rgba(10,8,6,.55) 62%,rgba(10,8,6,.9) 100%)}
  .hero-shade::after{opacity:calc(var(--ov) * .25)}
  .hero-ambient{display:none}
  .hero-copy{padding:0 22px 96px;max-width:none}
  .hero-title{font-size:clamp(38px,11vw,54px)}
  .hero-sub{font-size:clamp(22px,6vw,30px);margin-bottom:12px}
  .hero-desc{font-size:16.5px;margin-bottom:22px}
  .hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-btns .btn{min-width:0;padding:13px 10px;font-size:14.5px}
  .hero-btns .btn:first-child{grid-column:1/-1}
  .hero-stage,.hero--full .hero-stage{inset-inline:14px;width:auto;top:14px;bottom:auto}
  .hero-snd{top:auto;bottom:124px;inset-inline-end:16px;z-index:7}
  .hero-arrow{display:none}
  .hero-arrow.prev{right:14px}.hero-arrow.next{left:14px}
  .hero-dots{bottom:76px;z-index:7}
  .hero-snd{display:none}
  .hero-hint{display:none}
  .hero-prog{display:none}
}

/* ------------------------------------------------------------------ من نحن
   كل المقاسات بوحدة التصميم u (= 1px عند عرض 1024 كما في التصميم المعتمد) */
.about{padding:calc(22*var(--u)) 0}
.about-grid{display:grid;grid-template-columns:minmax(0,1.19fr) minmax(0,1fr);gap:calc(48*var(--u));align-items:center}
.about-txt .eyebrow{display:block;color:var(--gold-d);font:800 calc(19*var(--u))/1.4 var(--f-head);margin-bottom:calc(6*var(--u))}
.about-title{font-size:calc(25*var(--u));margin:0 0 calc(12*var(--u));line-height:1.45}
.about-text{color:#51483c;font-size:calc(15*var(--u));font-weight:500;line-height:1.85;margin:0 0 calc(18*var(--u));max-width:none}
.about-txt .btn{padding:calc(9*var(--u)) calc(24*var(--u));font-size:calc(13*var(--u));border-radius:calc(10*var(--u))}
.about-img{margin:0;border-radius:calc(16*var(--u));overflow:hidden;box-shadow:var(--shadow);aspect-ratio:404/258;position:relative}
.about-img::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none}
.about-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.about-img:hover img{transform:scale(1.05)}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:26px}.about{padding:40px 0 30px}.about-img{order:-1;aspect-ratio:16/10}}

/* ------------------------------------------------------------------ الخدمات */
.svc-sec{padding-top:calc(30*var(--u))}
.svc-sec .sec-title{font-size:calc(19*var(--u))}
.svc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(18*var(--u))}
.svc-card{display:flex;flex-direction:column;align-items:center;gap:calc(8*var(--u));background:linear-gradient(180deg,rgba(239,229,211,.95),rgba(247,241,230,.55));border-radius:calc(12*var(--u));padding:calc(16*var(--u)) 0 0;overflow:hidden;text-align:center;border:1px solid rgba(184,145,91,.12);transition:transform .35s,box-shadow .35s}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.svc-ic{color:var(--gold-d);width:calc(46*var(--u));height:calc(42*var(--u));display:grid;place-items:center}
.svc-ic .ic{width:calc(40*var(--u));height:calc(40*var(--u));stroke-width:1.4}
.svc-card h3{font:800 calc(14*var(--u))/1.55 var(--f-head);margin:0;min-height:3.1em;display:flex;align-items:center;padding-inline:calc(8*var(--u))}
.svc-img{display:block;width:100%;margin-top:auto;overflow:hidden;aspect-ratio:4/3}
.svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.svc-card:hover .svc-img img{transform:scale(1.08)}
@media (max-width:900px){.svc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.svc-card h3{font-size:15px}}
@media (max-width:620px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-grid>:last-child:nth-child(odd){grid-column:1/-1}}

/* ------------------------------------------------------------------ أعمال مختارة */
.works-sec{padding:calc(16*var(--u)) 0 calc(24*var(--u))}
.works-sec .sec-head{margin-bottom:calc(16*var(--u))}
.works-sec .sec-title{font-size:calc(23*var(--u))}
.works-sec .sec-sub{font-size:calc(14*var(--u))}
.works-sec .btn{padding:calc(10*var(--u)) calc(28*var(--u));font-size:calc(13.5*var(--u));border-radius:calc(10*var(--u))}
.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16*var(--u))}
.work-card{display:block;text-align:center}
.work-img{display:block;border-radius:calc(10*var(--u));overflow:hidden;aspect-ratio:225/176;box-shadow:var(--shadow-sm);position:relative}
.work-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.work-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,14,8,.45));opacity:0;transition:opacity .4s}
.work-card:hover .work-img img{transform:scale(1.08)}
.work-card:hover .work-img::after{opacity:1}
.work-cap{display:block;margin-top:calc(10*var(--u));font:700 calc(13.5*var(--u))/1.5 var(--f-head);color:var(--ink)}
.works-sec .center .btn{margin-top:0}
@media (max-width:900px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.work-cap{font-size:15px}}

/* ------------------------------------------------------------------ المصمم الذكي */
.ai-sec{position:relative;padding:calc(46*var(--u)) 0;background:#14100d var(--ai-bg,none) center/cover no-repeat;color:#fff;isolation:isolate;overflow:hidden}
.ai-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(12,9,6,.93) 0%,rgba(12,9,6,.78) 50%,rgba(12,9,6,.5) 100%)}
[dir=ltr] .ai-sec::before{background:linear-gradient(90deg,rgba(12,9,6,.93) 0%,rgba(12,9,6,.78) 50%,rgba(12,9,6,.5) 100%)}
.ai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(40*var(--u));align-items:center}
.ai-title{font-size:calc(28*var(--u));margin:0 0 calc(4*var(--u));color:#fff}
.ai-sub{font:800 calc(18*var(--u))/1.6 var(--f-head);margin:0 0 calc(16*var(--u));color:rgba(255,255,255,.94)}
.ai-p{font-size:calc(14.5*var(--u));line-height:1.8;color:rgba(255,255,255,.84);margin:0 0 calc(24*var(--u));max-width:calc(420*var(--u))}
.ai-btns{display:flex;gap:calc(12*var(--u));flex-wrap:wrap}
.ai-btns .btn{min-width:calc(138*var(--u))}
.ai-card{position:relative;padding-bottom:calc(8*var(--u));width:calc(333*var(--u));max-width:100%;margin-inline-start:auto;margin-inline-end:calc(40*var(--u))}
.ai-frame{border-radius:calc(14*var(--u));overflow:hidden;border:calc(4*var(--u)) solid rgba(255,255,255,.94);box-shadow:var(--shadow-lg);aspect-ratio:333/236;background:#222}
.ai-frame img{width:100%;height:100%;object-fit:cover}
.ai-bubble{position:absolute;inset-inline-start:calc(-76*var(--u));top:calc(76*var(--u));background:#fff;color:var(--ink);padding:calc(14*var(--u)) calc(18*var(--u));border-radius:calc(12*var(--u));font:700 calc(12.5*var(--u))/1.6 var(--f-head);box-shadow:var(--shadow-lg);width:calc(262*var(--u));white-space:nowrap}
.ai-bot{position:absolute;bottom:0;inset-inline-end:calc(66*var(--u));width:calc(78*var(--u));height:calc(78*var(--u));border-radius:50%;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.4);display:grid;place-items:center;overflow:hidden;padding:calc(4*var(--u))}
.ai-bot img{width:100%;height:100%;object-fit:contain}
@media (max-width:900px){.ai-sec{padding:50px 0}.ai-grid{grid-template-columns:1fr;gap:46px}.ai-card{width:100%;margin:0}.ai-bubble{inset-inline-start:auto;inset-inline-end:10px;top:auto;bottom:70px;width:min(250px,70%);padding:12px 16px;font-size:14.5px;white-space:normal}.ai-bot{width:84px;height:84px;inset-inline-end:16px;bottom:-14px}.ai-p{max-width:none}.ai-title{font-size:30px}.ai-sub{font-size:19px}.ai-p{font-size:16.5px}}

/* ------------------------------------------------------------------ كيف نعمل */
.proc-sec{padding:calc(40*var(--u)) 0}
.proc{display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:0;list-style:none;margin:calc(34*var(--u)) 0 0;padding:0}
.proc-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(10*var(--u));text-align:center;padding:0 calc(4*var(--u))}
.proc-ring{position:relative;width:calc(76*var(--u));height:calc(76*var(--u));border-radius:50%;display:grid;place-items:center;color:var(--gold-d);background:radial-gradient(circle at 30% 25%,#fff,#F6EEDF);border:1.5px solid rgba(184,145,91,.32);box-shadow:0 10px 24px -12px rgba(148,112,63,.55),inset 0 0 0 5px rgba(255,255,255,.7);transition:transform .35s,box-shadow .35s}
.proc-step:hover .proc-ring{transform:translateY(-5px);box-shadow:0 18px 30px -12px rgba(148,112,63,.65),inset 0 0 0 5px rgba(255,255,255,.7)}
.proc-ring .ic{width:calc(30*var(--u));height:calc(30*var(--u));stroke-width:1.5}
.proc-n{position:absolute;top:calc(-10*var(--u));inset-inline-start:50%;margin-inline-start:calc(-11*var(--u));width:calc(22*var(--u));height:calc(22*var(--u));border-radius:50%;background:#fff;border:1.5px solid var(--gold);font:700 calc(11.5*var(--u))/calc(19*var(--u)) var(--f-head);font-style:normal;color:var(--gold-d);text-align:center;box-shadow:0 4px 10px rgba(148,112,63,.25)}
.proc-step b{font:800 calc(13.5*var(--u))/1.5 var(--f-head);max-width:calc(120*var(--u))}
.proc-step:not(:last-child)::after{content:"";position:absolute;top:calc(34*var(--u));inset-inline-end:calc(-4*var(--u));width:calc(8*var(--u));height:calc(8*var(--u));border-left:2px solid rgba(184,145,91,.5);border-bottom:2px solid rgba(184,145,91,.5);transform:rotate(calc(45deg + (1 - var(--ds)) * 90deg))}
@media (max-width:1000px){.proc{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:34px}.proc-step:nth-child(4n)::after{display:none}.proc-ring{width:76px;height:76px}.proc-step b{font-size:14.5px}.proc-ring .ic{width:30px;height:30px}.proc-step:not(:last-child)::after{top:33px}}
@media (max-width:620px){.proc{grid-template-columns:repeat(2,minmax(0,1fr))}.proc-step::after{display:none!important}.proc-step b{font-size:15px}}

/* ------------------------------------------------------------------ لماذا / مزايا */
.feat-band{display:grid;grid-template-columns:repeat(var(--n,4),1fr);background:linear-gradient(180deg,rgba(243,235,221,.95),rgba(243,235,221,.78));border-radius:var(--radius);padding:calc(24*var(--u)) calc(12*var(--u));border:1px solid rgba(184,145,91,.12)}
.feat{display:flex;flex-direction:column;align-items:center;gap:calc(10*var(--u));text-align:center;padding:calc(8*var(--u)) calc(16*var(--u));color:var(--gold-d);position:relative}
.feat+.feat::before{content:"";position:absolute;inset-block:12%;inset-inline-start:0;width:1px;background:rgba(184,145,91,.28)}
.feat .ic{stroke-width:1.3}
.feat b{font:800 calc(16.5*var(--u))/1.5 var(--f-head);color:var(--ink)}
.feat span{font-size:calc(13.5*var(--u));color:var(--muted);line-height:1.8}
@media (max-width:720px){.feat-band{grid-template-columns:1fr 1fr;row-gap:22px}.feat:nth-child(odd)::before{display:none}.feat:nth-child(3)::before{display:none}}

/* ------------------------------------------------------------------ آراء العملاء */
.testi-sec{padding:calc(20*var(--u)) 0 calc(26*var(--u))}
.testi-sec .sec-head{margin-bottom:calc(16*var(--u))}
.testi-grid{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:calc(18*var(--u))}
.testi{margin:0;position:relative;background:#fff;border:1px solid rgba(184,145,91,.16);border-radius:calc(14*var(--u));padding:calc(16*var(--u)) calc(22*var(--u)) calc(14*var(--u));box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:calc(14*var(--u));transition:transform .35s,box-shadow .35s}
.testi:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.testi-q{position:absolute;top:calc(10*var(--u));inset-inline-start:calc(22*var(--u));color:var(--gold);opacity:.85}
.testi-q .ic{width:calc(22*var(--u));height:calc(22*var(--u))}
.testi blockquote{margin:calc(20*var(--u)) 0 0;font-size:calc(12.5*var(--u));line-height:1.85;color:#4a4136;flex:1}
.testi figcaption{display:flex;align-items:center;gap:calc(10*var(--u));border-top:1px solid var(--line);padding-top:calc(10*var(--u))}
.testi .av{width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--gold-l)}
.testi .av-i{display:grid;place-items:center;background:var(--sand);color:var(--gold-d);font:800 calc(16*var(--u)) var(--f-head)}
.testi figcaption b{display:block;font:800 calc(14*var(--u))/1.4 var(--f-head)}
.testi figcaption small{display:block;color:var(--muted);font-size:calc(11.5*var(--u))}
.testi .stars{margin-inline-start:auto;color:var(--gold);display:flex;gap:2px}
@media (max-width:900px){.testi-grid{grid-template-columns:1fr}.testi blockquote{font-size:16px}.testi figcaption b{font-size:16px}.testi figcaption small{font-size:14px}}

/* ------------------------------------------------------------------ الإنجازات */
.stats-sec{background:var(--sand);padding:calc(18*var(--u)) 0 calc(22*var(--u));position:relative}
.stats-sec .sec-title{margin-bottom:0}
.stats-grid{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:calc(16*var(--u));margin-top:calc(12*var(--u))}
.stat{background:rgba(255,255,255,.6);border:1px solid rgba(184,145,91,.14);border-radius:calc(12*var(--u));padding:calc(12*var(--u)) calc(10*var(--u)) calc(10*var(--u));text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(2*var(--u));transition:transform .35s,background .35s}
.stat:hover{transform:translateY(-5px);background:#fff}
.stat .ic{color:var(--gold);stroke-width:1.4;width:calc(26*var(--u));height:calc(26*var(--u))}
.stat-v{font:800 calc(26*var(--u))/1.25 var(--f-head);color:var(--ink);display:flex;direction:ltr}
.stat-l{color:var(--muted);font-size:calc(12*var(--u));line-height:1.5}
.stat-v i{font-style:normal}
@media (max-width:760px){.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-v{font-size:28px}.stat-l{font-size:14px}.stat .ic{width:30px;height:30px}}

/* ------------------------------------------------------------------ المقالات */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(270*var(--u)),1fr));gap:calc(24*var(--u))}
.post-card{background:#fff;border:1px solid rgba(184,145,91,.16);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.post-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sand)}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.post-card:hover .post-img img{transform:scale(1.07)}
.post-cat{position:absolute;top:14px;inset-inline-start:14px;background:var(--grad-gold);color:#fff;padding:3px 13px;border-radius:999px;font:700 calc(12*var(--u)) var(--f-head)}
.post-body{padding:calc(18*var(--u)) calc(20*var(--u)) calc(20*var(--u));display:flex;flex-direction:column;gap:calc(7*var(--u));flex:1}
.post-meta{display:flex;gap:16px;font-size:calc(12.5*var(--u));color:var(--muted);flex-wrap:wrap}
.post-meta span{display:inline-flex;align-items:center;gap:5px}
.post-meta .ic{color:var(--gold)}
.post-body h3{font:800 calc(16.5*var(--u))/1.6 var(--f-head);margin:0}
.post-body h3 a:hover{color:var(--gold-d)}
.post-body p{color:var(--muted);font-size:calc(14*var(--u));line-height:1.85;margin:0;flex:1}
.post-body .more{display:inline-flex;align-items:center;gap:8px;color:var(--gold-d);font:700 calc(13.5*var(--u)) var(--f-head);margin-top:6px}
.post-body .more:hover{gap:12px}
[dir=ltr] .post-body .more .ic{transform:scaleX(-1)}

/* ------------------------------------------------------------------ الأسئلة الشائعة */
.faq{display:grid;gap:calc(10*var(--u))}
.faq-i{background:#fff;border:1px solid rgba(184,145,91,.2);border-radius:calc(14*var(--u));overflow:hidden;transition:box-shadow .3s,border-color .3s}
.faq-i[open]{box-shadow:var(--shadow-sm);border-color:rgba(184,145,91,.5)}
.faq-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(15*var(--u)) calc(22*var(--u));font:800 calc(15.5*var(--u))/1.6 var(--f-head)}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary .ic{color:var(--gold-d);transition:transform .3s;flex:none}
.faq-i[open] summary .ic{transform:rotate(45deg)}
.faq-a{padding:0 calc(22*var(--u)) calc(18*var(--u));color:var(--muted);font-size:calc(14.5*var(--u));line-height:1.95}

/* ------------------------------------------------------------------ متوافق مع الأجهزة */
.dev-sec{padding-bottom:calc(50*var(--u))}
.dev-grid{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:calc(28*var(--u));align-items:start}
.phone{position:relative;width:min(100%,calc(218*var(--u)));margin-inline:auto;background:#101012;border-radius:calc(34*var(--u));padding:calc(8*var(--u));box-shadow:0 34px 56px -26px rgba(0,0,0,.6),inset 0 0 0 2px #2b2b30,inset 0 0 0 4px #0a0a0c}
.phone::before{content:"";position:absolute;top:calc(13*var(--u));left:50%;transform:translateX(-50%);width:calc(64*var(--u));height:calc(17*var(--u));border-radius:calc(10*var(--u));background:#050506;z-index:2}
.phone-in{border-radius:calc(27*var(--u));overflow:hidden;aspect-ratio:9/18.4;background:#fff}
.phone-in img{width:100%;height:100%;object-fit:cover;object-position:top}
@media (max-width:900px){.dev-grid{grid-template-columns:1fr 1fr;gap:34px 18px}.phone{width:min(100%,230px)}}

/* ------------------------------------------------------------------ شريط الدعوة */
.cta-sec{position:relative;padding:calc(50*var(--u)) 0;color:#fff;background:#14100d var(--cta-bg,none) center/cover;isolation:isolate}
.cta-sec::before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(12,9,6,.92),rgba(12,9,6,.7));z-index:-1}
[dir=ltr] .cta-sec::before{background:linear-gradient(90deg,rgba(12,9,6,.92),rgba(12,9,6,.7))}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-in h2{color:#fff;font-size:calc(26*var(--u));margin:0 0 6px}
.cta-in p{margin:0;color:rgba(255,255,255,.82);font-size:calc(15.5*var(--u))}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}