/* ═══════════════════════════════════════════════════════════════
   LIVE — طبقة الحركة: شفق أخضر، أوراق متطايرة، شريط صور، بارالاكس
   (يعمل مع js/live.js — الهيرو ما يتأثر)
   ═══════════════════════════════════════════════════════════════ */

/* 1) شفق أخضر حي خلف كل الصفحة */
.aurora { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.au { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .55; will-change: transform; }
.au-1 { width: 55vw; height: 55vw; background: #1f5a44; inset-block-start: -10vw; inset-inline-start: -10vw; animation: au-a 26s ease-in-out infinite alternate; }
.au-2 { width: 45vw; height: 45vw; background: #2c6b4f; inset-block-end: -12vw; inset-inline-end: -8vw; opacity: .45; animation: au-b 32s ease-in-out infinite alternate; }
.au-3 { width: 30vw; height: 30vw; background: #7c6a32; inset-block-start: 40%; inset-inline-start: 35%; opacity: .22; animation: au-c 38s ease-in-out infinite alternate; }
@keyframes au-a { to { transform: translate(28vw, 30vh) scale(1.15); } }
@keyframes au-b { to { transform: translate(-30vw, -35vh) scale(.9); } }
@keyframes au-c { to { transform: translate(-25vw, 25vh) scale(1.3); } }
.grain {
  position: absolute; inset: -50%; opacity: .07; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: grain 1.2s steps(6) infinite;
}
@keyframes grain { 0%{transform:translate(0,0)} 25%{transform:translate(-3%,2%)} 50%{transform:translate(2%,-3%)} 75%{transform:translate(-2%,-1%)} 100%{transform:translate(1%,3%)} }
.hero { position: relative; z-index: 1; }

/* 2) بدون صور خلفيات خارجية — بدالها رسوم حيّة من الكود */
.about-map, .services-bg, .about-map-scrim, .services-bg-scrim { display: none !important; }
.about, .services { position: relative; overflow: hidden; }
.about > .container, .services > .container { position: relative; z-index: 2; }

/* (أ) شبكة نجوم متصلة — قسم من نحن: المواهب ↔ العلامات */
.constellation { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }

/* (ب) منظومة مدارات — قسم الخدمات */
.orbit-art {
  position: absolute; z-index: 0; pointer-events: none;
  width: min(980px, 120vw); aspect-ratio: 1;
  inset-block-start: -260px; inset-inline-end: -320px;
  opacity: .9;
}
.orbit-art svg { width: 100%; height: 100%; overflow: visible; }
.orbit-art .ring { transform-box: view-box; transform-origin: 500px 500px; }
.orbit-art .r1 { animation: orb-spin 38s linear infinite; }
.orbit-art .r2 { animation: orb-spin 60s linear infinite reverse; }
.orbit-art .r3 { animation: orb-spin 90s linear infinite; }
.orbit-art .r4 { animation: orb-spin 130s linear infinite reverse; }
.orbit-art .core { transform-box: fill-box; transform-origin: center; animation: orb-pulse 5s ease-in-out infinite; }
.orbit-art .core-glow { transform-box: fill-box; transform-origin: center; animation: orb-pulse 5s ease-in-out infinite; }
@keyframes orb-spin { to { transform: rotate(360deg); } }
@keyframes orb-pulse { 0%,100% { transform: scale(1); opacity: .9; } 50% { transform: scale(1.12); opacity: 1; } }
.orbit-art.alt { inset-block-start: auto; inset-block-end: -380px; inset-inline-end: auto; inset-inline-start: -380px; width: min(760px, 110vw); opacity: .55; }

/* (ج) نجوم ذهبية ✦ تلمع بكل الأقسام */
.sparkles { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.spk { position: absolute; inset-inline-start: var(--x); inset-block-start: var(--y); width: var(--s); height: var(--s);
  animation: spk 3.4s ease-in-out var(--d) infinite; opacity: 0; }
.spk svg { width: 100%; height: 100%; display: block; }
@keyframes spk { 0%,100% { opacity: 0; transform: scale(.3) rotate(0deg); } 50% { opacity: var(--o); transform: scale(1) rotate(90deg); } }

/* 3) أوراق تتطاير داخل الأقسام */
.has-papers { position: relative; overflow: hidden; }
.has-papers > .container, .has-papers > .support-grid { position: relative; z-index: 2; }
.paper-field { position: absolute; inset: 0; z-index: 1; pointer-events: none; perspective: 900px; }
.paper {
  position: absolute; inset-block-start: 100%; inset-inline-start: var(--x);
  width: var(--w); opacity: var(--op); filter: blur(var(--blur)) drop-shadow(0 10px 14px rgba(0,0,0,.35));
  animation: paper-fly var(--dur) linear var(--delay) infinite;
  animation-play-state: paused;
  will-change: transform;
}
.is-live .paper, .is-live .paper-in { animation-play-state: running; }
.paper-in { display: block; transform-style: preserve-3d; animation: paper-tumble var(--tumble) ease-in-out infinite alternate; animation-play-state: paused; }
.paper-in svg, .paper-in img { display: block; width: 100%; height: auto; }
.paper-photo .paper-in { background: #f7f2e7; padding: 6% 6% 22%; border-radius: 2px; }
.paper-photo img { aspect-ratio: 4 / 5; object-fit: cover; }
@keyframes paper-fly {
  from { transform: translate3d(0, 0, 0) rotate(var(--r0)); }
  to   { transform: translate3d(var(--dx), var(--rise, -1200px), 0) rotate(var(--r1)); }
}
@keyframes paper-tumble {
  from { transform: rotateX(0deg) rotateY(-25deg); }
  to   { transform: rotateX(55deg) rotateY(35deg); }
}

/* 4) شريط صور المواهب المائل */
.photo-ribbon {
  position: relative; z-index: 2; overflow: hidden; direction: ltr;
  padding-block: clamp(1.5rem, 4vw, 3rem);
  transform: translate3d(0, var(--py, 0px), 0);
}
.pr-row { display: flex; transform: rotate(-3deg); margin-inline: -4vw; }
.pr-row + .pr-row { margin-block-start: 1rem; transform: rotate(-3deg); }
.pr-track { display: flex; gap: 1rem; width: max-content; animation: pr-scroll 60s linear infinite; }
.pr-row.rev .pr-track { animation-direction: reverse; animation-duration: 75s; }
.pr-card {
  flex: none; width: clamp(110px, 13vw, 180px); aspect-ratio: 3 / 4; overflow: hidden;
  border: 1px solid rgba(217,191,135,.35); background: #163128;
  transition: transform .5s var(--ease, ease);
}
.pr-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.85); transition: filter .4s, transform .6s; }
.pr-tilt { transform: rotate(2deg) translateY(6px); }
.photo-ribbon:hover .pr-track { animation-play-state: paused; }
.pr-card:hover img { filter: saturate(1.1); transform: scale(1.08); }
@keyframes pr-scroll { to { transform: translateX(-50%); } }

/* 5) حياة إضافية */
.btn, .collab-tab { transform: translate(var(--mx, 0px), var(--my, 0px)); transition: transform .25s var(--ease, ease), background .3s, color .3s !important; }
.info-label::before { content: "( "; }
.info-cell:nth-child(2) .info-label::after { content: " )  ●"; color: #1fb27e; animation: live-dot 1.4s ease-in-out infinite; }
@keyframes live-dot { 50% { color: transparent; } }
.service-card-icon { transition: transform .5s var(--ease, ease); }
.service-card:hover .service-card-icon { transform: rotate(-12deg) scale(1.12); }
/* خط ذهبي يمسح رأس القسم لما يظهر */
.section-head { position: relative; }
.section-head::after {
  content: ""; position: absolute; inset-inline-start: 0; inset-block-end: -1px; height: 1px; width: 0;
  background: var(--acc); transition: width 1.4s var(--ease, ease) .2s;
}
.section-head.in-view::after { width: 100%; }
/* الصور تكبر بنعومة عند الظهور */
.js .talent-grid .tile.reveal .tile-media img { transform: scale(1.18); transition: transform 1.4s var(--ease, ease); }
.js .talent-grid .tile.reveal.in-view .tile-media img { transform: scale(1); }
.js .talent-grid .tile.reveal.in-view:hover .tile-media img { transform: scale(1.06); }

@media (prefers-reduced-motion: reduce) {
  .au, .grain, .paper, .paper-in, .pr-track, .orbit-art *, .spk { animation: none !important; }
  .spk { opacity: .5; }
  .paper-field { display: none; }
  .about-map, .services-bg, .photo-ribbon { transform: none; }
}
.has-art { position: relative; overflow: hidden; }
.has-art > .container, .has-art > .support-grid { position: relative; z-index: 2; }

/* ضبط مع خط الرقعة: بدون تثخين مصطنع، ومسافة أسطر أوسع */
.section h2, .about-statement, .creators-title, .support-intro h2 { -webkit-text-stroke: 0 !important; line-height: 1.32 !important; }
body { line-height: 1.85; }

/* ═══════════ COLLAGE — رسوم كولاج تحريرية متحركة ═══════════ */
.collage { position: relative; margin: 0; pointer-events: none; }
.collage-img, .collage img { display: block; max-width: 100%; height: auto; }
.collage-tag {
  position: absolute; z-index: 4; font-family: var(--font-ar); font-weight: 700;
  background: var(--acc); color: var(--acc-ink); padding: .35rem 1rem .5rem; font-size: 1.05rem;
  transform: rotate(-4deg); box-shadow: 0 6px 0 rgba(0,0,0,.25); white-space: nowrap;
}
.collage-tag::before { /* شريط لاصق */
  content: ""; position: absolute; inset-block-start: -10px; inset-inline-start: 50%; width: 54px; height: 18px;
  transform: translateX(50%) rotate(3deg); background: rgba(247,242,231,.55);
}
.tag-dark { background: var(--pine-ink); color: var(--acc); }

/* 1) الرأس المليان أفكار — لصنّاع المحتوى */
.collage-mind { width: min(420px, 78vw); margin: 0 auto clamp(2rem, 5vw, 3.5rem); }
.collage-disc {
  position: absolute; inset-inline-start: 50%; inset-block-start: 8%; width: 92%; aspect-ratio: 1;
  transform: translateX(50%); border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #e9d6a6, var(--acc) 55%, #b8964f);
  box-shadow: inset 0 0 0 10px rgba(255,255,255,.06);
  animation: disc-breathe 7s ease-in-out infinite;
}
[dir="ltr"] .collage-disc { transform: translateX(-50%); }
@keyframes disc-breathe { 50% { scale: 1.04; } }
.mind-img { position: relative; z-index: 2; animation: mind-float 6s ease-in-out infinite; transform-origin: 50% 90%; }
@keyframes mind-float { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-10px) rotate(1.2deg); } }
.collage-mind .collage-tag { inset-block-end: 8%; inset-inline-end: -6%; }
.fly { position: absolute; z-index: 3; color: var(--acc); }
.fly svg { width: 100%; height: 100%; display: block; }
.bf { width: 34px; height: 26px; }
.bf svg { animation: flap .35s ease-in-out infinite alternate; transform-origin: 50% 50%; }
@keyframes flap { to { transform: scaleX(.35); } }
.bf-1 { inset-block-start: 22%; inset-inline-start: 30%; color: #f7f2e7; animation: fly-a 7s ease-in-out infinite; }
.bf-2 { inset-block-start: 18%; inset-inline-start: 55%; color: var(--acc); animation: fly-b 9s ease-in-out 1s infinite; width: 26px; }
.bf-3 { inset-block-start: 26%; inset-inline-start: 44%; color: #1fb27e; animation: fly-c 8s ease-in-out 2.5s infinite; width: 22px; }
@keyframes fly-a { 0% { transform: translate(0,0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(-140px,-170px) rotate(-20deg); opacity: 0; } }
@keyframes fly-b { 0% { transform: translate(0,0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(160px,-150px) rotate(25deg); opacity: 0; } }
@keyframes fly-c { 0% { transform: translate(0,0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(-60px,-220px) rotate(10deg); opacity: 0; } }
.nt { width: 16px; height: 22px; color: #f7f2e7; inset-block-start: 24%; }
.nt-1 { inset-inline-start: 20%; animation: note 5s ease-out infinite; }
.nt-2 { inset-inline-start: 68%; animation: note 6s ease-out 2s infinite; color: var(--acc); }
@keyframes note { 0% { transform: translate(0,0) rotate(0); opacity: 0; } 15% { opacity: 1; } 100% { transform: translate(-30px,-160px) rotate(-25deg); opacity: 0; } }

/* 2) الغطاء يرتفع ويكشف النجمة — الخدمات */
.services .container { position: relative; }
.collage-cloche {
  position: absolute; inset-inline-end: clamp(1rem, 6vw, 5rem); inset-block-start: -1.5rem;
  width: clamp(150px, 17vw, 220px); aspect-ratio: 1 / 1.05; z-index: 1;
}
.collage-cloche .orbit-art.in-cloche { position: absolute; width: 340%; inset-block-start: 50%; inset-inline-start: 50%; transform: translate(-50%, -50%); opacity: .8; }
[dir="rtl"] .collage-cloche .orbit-art.in-cloche { transform: translate(50%, -50%); }
.collage-cloche .orbit-art .core, .collage-cloche .orbit-art .core-glow { display: none; }
.cloche-tray { position: absolute; z-index: 2; width: 92%; inset-block-end: 0; inset-inline-start: 4%; }
.cloche-lid { position: absolute; z-index: 3; width: 88%; inset-block-start: 6%; inset-inline-start: 2%; animation: lid-lift 5s cubic-bezier(.6,0,.3,1) infinite; transform-origin: 70% 30%; }
@keyframes lid-lift { 0%, 20% { transform: translate(0, 0) rotate(0); } 45%, 70% { transform: translate(-6%, -26%) rotate(-12deg); } 95%, 100% { transform: translate(0,0) rotate(0); } }
.cloche-glow { position: absolute; z-index: 1; inset-inline-start: 22%; inset-block-start: 38%; width: 46%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle, rgba(217,191,135,.85), rgba(217,191,135,0) 70%); animation: reveal-glow 5s ease-in-out infinite; }
.cloche-star { position: absolute; z-index: 2; width: 22%; inset-inline-start: 34%; inset-block-start: 46%; animation: reveal-star 5s ease-in-out infinite; }
@keyframes reveal-glow { 0%,22%,95%,100% { opacity: 0; transform: scale(.5); } 45%,70% { opacity: 1; transform: scale(1.15); } }
@keyframes reveal-star { 0%,22%,95%,100% { opacity: 0; transform: translateY(10px) scale(.4) rotate(0); } 45%,70% { opacity: 1; transform: translateY(-14px) scale(1) rotate(90deg); } }
.collage-cloche .collage-tag { inset-block-end: -8%; inset-inline-end: 10%; font-size: .9rem; }
@media (max-width: 760px) {
  .collage-cloche { position: relative; inset: auto; margin: 0 auto 2.5rem; width: 190px; }
}

/* 3) التلفزيون — فصل جديد */
.coming-soon.coming-soon-tv { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: clamp(1rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 3rem) !important; overflow: visible; text-align: start; }
.collage-tv { position: relative; animation: tv-wobble 4s ease-in-out infinite; }
.tv-card { position: absolute; inset: 8% 4% -2% 2%; background: var(--acc); transform: rotate(-5deg); box-shadow: 0 10px 0 rgba(0,0,0,.25); }
.tv-img { position: relative; z-index: 1; width: 100%; filter: contrast(1.05); }
.tv-scan { position: absolute; z-index: 2; inset: 9% 30% 26% 8%; pointer-events: none; mix-blend-mode: multiply; opacity: .35;
  background: repeating-linear-gradient(180deg, rgba(0,0,0,.35) 0 2px, transparent 2px 5px); animation: scan 1.6s linear infinite; }
@keyframes scan { to { background-position: 0 20px; } }
@keyframes tv-wobble { 0%,100% { transform: rotate(-1.5deg); } 50% { transform: rotate(1.5deg) translateY(-4px); } }
.tv-waves { position: absolute; z-index: 3; width: 13%; inset-block-start: 46%; inset-inline-end: 101%; overflow: visible; }
[dir="rtl"] .tv-waves { inset-inline-end: auto; inset-inline-start: -14%; transform: scaleX(-1); }
.tv-waves path { fill: none; stroke: var(--acc); stroke-width: 4; stroke-linecap: round; animation: wave-pulse 1.6s ease-in-out infinite; opacity: .15; }
.tv-waves .w2 { animation-delay: .25s; } .tv-waves .w3 { animation-delay: .5s; }
@keyframes wave-pulse { 40% { opacity: 1; } }
.tv-copy { display: flex; flex-direction: column; gap: .6rem; }
.tv-sub { color: var(--dim); font-size: 1.15rem; }
@media (max-width: 760px) { .coming-soon.coming-soon-tv { grid-template-columns: 1fr; text-align: center; } }

/* 4) القارئ المرتاح — بطاقة التواصل */
.collage-reader { width: 62%; margin: -4.5rem auto 1rem; }
.reader-img { animation: rock 5s ease-in-out infinite; transform-origin: 40% 95%; filter: drop-shadow(0 12px 10px rgba(0,0,0,.18)); }
@keyframes rock { 0%,100% { transform: rotate(-2.5deg); } 50% { transform: rotate(2deg); } }
.collage-reader .collage-tag { inset-block-start: 6%; inset-inline-end: -18%; font-size: .85rem; }

@media (prefers-reduced-motion: reduce) {
  .collage *, .collage { animation: none !important; }
  .cloche-glow, .cloche-star { opacity: 0; }
}

/* إصلاح: رؤوس حروف الرقعة كانت تنقص من فوق بسبب قصّ حركة الظهور — نوسّع منطقة القص فوق وتحت */
.js .reveal-clip { clip-path: inset(-0.7em 100% -0.5em -0.3em) !important; }
[dir="rtl"] .js .reveal-clip { clip-path: inset(-0.7em -0.3em -0.5em 100%) !important; }
[dir="rtl"] .js .reveal-clip.in-view, .js .reveal-clip.in-view { clip-path: inset(-0.7em -0.3em -0.5em -0.3em) !important; }
.about-statement { padding-block-start: .15em; overflow: visible; }

/* ═══ شبكة التواصل: أيقونات تنطلق من الجوال (مواقع مولّدة) ═══ */
.social-burst { position: relative; aspect-ratio: 1.1127; }
.social-burst img { position: absolute; height: auto; }
.si-phone { left: 31.7%; top: 82.1%; width: 33.97%; animation: phone-bob 4s ease-in-out infinite; }
.si-00 { left: 46.25%; top: 0.0%; width: 14.66%; --dx: -33%; --dy: 472%; --d: 0.00s; --b: 2.6s; }
.si-01 { left: 62.22%; top: 4.77%; width: 20.62%; --dx: -116%; --dy: 300%; --d: 0.30s; --b: 3.0s; }
.si-02 { left: 23.48%; top: 7.29%; width: 20.62%; --dx: 72%; --dy: 289%; --d: 0.60s; --b: 3.4s; }
.si-03 { left: 12.87%; top: 7.82%; width: 10.25%; --dx: 299%; --dy: 628%; --d: 0.90s; --b: 3.8s; }
.si-04 { left: 84.86%; top: 11.14%; width: 15.14%; --dx: -289%; --dy: 389%; --d: 1.20s; --b: 4.2s; }
.si-05 { left: 44.22%; top: 19.76%; width: 12.28%; --dx: -14%; --dy: 428%; --d: 1.50s; --b: 2.6s; }
.si-06 { left: 0.0%; top: 20.42%; width: 19.79%; --dx: 196%; --dy: 244%; --d: 1.80s; --b: 3.0s; }
.si-07 { left: 76.04%; top: 29.58%; width: 19.31%; --dx: -192%; --dy: 208%; --d: 2.10s; --b: 3.4s; }
.si-08 { left: 58.16%; top: 29.71%; width: 15.97%; --dx: -109%; --dy: 262%; --d: 2.40s; --b: 3.8s; }
.si-09 { left: 23.84%; top: 33.82%; width: 17.16%; --dx: 95%; --dy: 219%; --d: 0.00s; --b: 4.2s; }
.si-10 { left: 42.19%; top: 37.27%; width: 12.75%; --dx: 1%; --dy: 287%; --d: 0.30s; --b: 2.6s; }
.si-11 { left: 8.22%; top: 41.11%; width: 13.23%; --dx: 256%; --dy: 249%; --d: 0.60s; --b: 3.0s; }
.si-12 { left: 56.14%; top: 49.87%; width: 11.8%; --dx: -113%; --dy: 218%; --d: 0.90s; --b: 3.4s; }
.si-13 { left: 67.94%; top: 50.8%; width: 17.16%; --dx: -162%; --dy: 130%; --d: 1.20s; --b: 3.8s; }
.si-14 { left: 43.5%; top: 52.12%; width: 10.97%; --dx: -3%; --dy: 220%; --d: 1.50s; --b: 4.2s; }
.si-15 { left: 18.36%; top: 55.44%; width: 11.32%; --dx: 218%; --dy: 185%; --d: 1.80s; --b: 2.6s; }
.si-16 { left: 30.27%; top: 57.16%; width: 13.47%; --dx: 87%; --dy: 136%; --d: 2.10s; --b: 3.0s; }
.si-17 { left: 43.62%; top: 66.31%; width: 10.25%; --dx: -1%; --dy: 115%; --d: 2.40s; --b: 3.4s; }
.si-18 { left: 56.14%; top: 67.64%; width: 8.1%; --dx: -142%; --dy: 144%; --d: 0.00s; --b: 3.8s; }
.si-19 { left: 27.29%; top: 69.63%; width: 7.87%; --dx: 222%; --dy: 127%; --d: 0.30s; --b: 4.2s; }
.si-20 { left: 67.7%; top: 72.15%; width: 9.3%; --dx: -254%; --dy: 75%; --d: 0.60s; --b: 2.6s; }
.si-21 { left: 67.82%; top: 74.8%; width: 6.79%; --dx: -332%; --dy: 86%; --d: 0.90s; --b: 3.0s; }
.si-22 { left: 35.88%; top: 77.59%; width: 10.01%; --dx: 78%; --dy: 17%; --d: 1.20s; --b: 3.4s; }
.si-23 { left: 68.06%; top: 77.59%; width: 4.05%; --dx: -528%; --dy: 117%; --d: 1.50s; --b: 3.8s; }
.si { animation: si-burst 6s cubic-bezier(.2,.8,.2,1) var(--d) infinite; transform-origin: center; opacity: 0; }
@keyframes si-burst {
  0% { transform: translate(var(--dx), var(--dy)) scale(.15); opacity: 0; }
  14% { opacity: 1; }
  26% { transform: translate(0, 0) scale(1.08); }
  32%, 78% { transform: translate(0, 0) scale(1); opacity: 1; }
  55% { transform: translate(0, -6%) scale(1) rotate(4deg); }
  100% { transform: translate(0, -40%) scale(.9); opacity: 0; }
}
@keyframes phone-bob { 50% { transform: translateY(-4%) rotate(-2deg); } }

/* ═══ كولاج: المخطِّط (من نحن) ═══ */
.about .container { position: relative; }
.collage-planner { position: absolute; z-index: 1; inset-inline-end: clamp(0rem, 4vw, 3rem); inset-block-start: -1rem; width: clamp(170px, 20vw, 270px); }
.collage-planner img { position: relative; z-index: 2; animation: mind-float 7s ease-in-out infinite; }
.planner-net { position: absolute; inset: -6% -10%; width: 120%; height: 112%; z-index: 1; overflow: visible; }
.planner-net path { fill: none; stroke: var(--acc); stroke-width: 1.4; stroke-dasharray: 6 8; animation: net-flow 3s linear infinite; opacity: .7; }
.planner-net circle { fill: var(--acc); animation: orb-pulse 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes net-flow { to { stroke-dashoffset: -28; } }
.collage-planner .collage-tag { inset-block-end: 4%; inset-inline-start: -10%; font-size: .9rem; }

/* ═══ كولاج: تحت الأضواء (المواهب) ═══ */
.talent .container { position: relative; }
.collage-press { position: absolute; z-index: 1; inset-inline-end: clamp(0rem, 4vw, 3rem); inset-block-start: -2rem; width: clamp(150px, 16vw, 220px); transform: rotate(-5deg); animation: press-sway 6s ease-in-out infinite; }
@keyframes press-sway { 0%,100% { transform: rotate(-5deg); } 50% { transform: rotate(-2deg) translateY(-6px); } }
.collage-press img { position: relative; z-index: 1; filter: drop-shadow(0 14px 18px rgba(0,0,0,.4)); }
.press-tape { position: absolute; z-index: 3; width: 34%; height: 5%; background: rgba(247,242,231,.6); }
.press-tape.t1 { inset-block-start: -1.5%; inset-inline-start: 8%; transform: rotate(-12deg); }
.press-tape.t2 { inset-block-start: -1%; inset-inline-end: 6%; transform: rotate(9deg); }
.press-flash { position: absolute; z-index: 2; left: 58%; top: 66%; width: 60%; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%;
  background: radial-gradient(circle, #fff 0, rgba(255,255,255,.85) 12%, rgba(255,240,190,.35) 35%, transparent 65%); opacity: 0; animation: flash 4.5s ease-out infinite; mix-blend-mode: screen; }
@keyframes flash { 0%, 70%, 100% { opacity: 0; transform: scale(.4); } 72% { opacity: 1; transform: scale(1); } 80% { opacity: 0; transform: scale(1.3); } }
.collage-press .collage-tag { inset-block-end: 6%; inset-inline-start: -14%; font-size: .9rem; transform: rotate(3deg); }

/* ═══ كولاج: على كل المنصات (عملائنا) ═══ */
.collabs .container { position: relative; }
.collage-social { position: absolute; z-index: 1; inset-inline-end: clamp(0rem, 4vw, 3rem); inset-block-start: -2.5rem; width: clamp(200px, 24vw, 320px); }
.collage-social .collage-tag { inset-block-end: -4%; inset-inline-start: 0; font-size: .9rem; }

@media (max-width: 760px) {
  .collage-planner, .collage-press, .collage-social { position: relative; inset: auto; margin: 0 auto 2rem; }
  .collage-planner { width: 200px; } .collage-press { width: 170px; } .collage-social { width: 240px; }
}
@media (prefers-reduced-motion: reduce) { .si { animation: none; opacity: 1; } .press-flash { display: none; } }
@media (min-width: 761px) {
  .collage-press { width: clamp(120px, 12vw, 160px); inset-block-start: -3rem; }
  .talent h2 { margin-block-end: clamp(4rem, 9vw, 7rem); }
  .collage-social { width: clamp(190px, 20vw, 270px); inset-block-start: -3rem; }
  .collabs .section-sub { margin-block-end: clamp(3.5rem, 7vw, 6rem); }
}
.tile img.tile-img-top { object-position: center 4%; }

/* ═══ حدّ أسود للخط (stroke) — يرسم الحد خلف الحرف (paint-order) فما ينحف الحرف ═══ */
body { paint-order: stroke fill; }
h1, h2, h3, .hero-title, .about-statement, .creators-title, .qtext, .stat-num, .coming-soon-text, .footer-mega {
  -webkit-text-stroke: 3px #000 !important; paint-order: stroke fill;
}
h3, .qtext, .tile-name, .tile h3 { -webkit-text-stroke-width: 2px !important; }
p, li, a, span, .eyebrow, .section-sub, .collab-chip span, .info-value, .info-label, label, button {
  -webkit-text-stroke: 1.2px #000; paint-order: stroke fill;
}
/* داخل البطاقات الفاتحة (نافذة الموهبة، بطاقة التواصل، الملصقات الذهبية) نخلي الحد أخف */
.tmodal *, .support-card *, .collage-tag, .marquee *, .cta-band *, .btn-solid, .collab-tab.is-active { -webkit-text-stroke-width: 0 !important; }
/* كلمة "علامات" المفرّغة بالهيرو تبقى بحدّها الذهبي، والنجمة بدون حد */
.hero-title .line-2, .hero-title .line-2 * { -webkit-text-stroke: 2px var(--gold-light) !important; paint-order: normal; }
.hero-title .line-2 .star, .hero-title .line-2 svg, .hero-title .line-2 [class*="spark"] { -webkit-text-stroke: 0 !important; }
.hero-title .chip { -webkit-text-stroke: 0 !important; }
/* حدّ أسود أوضح (طلب العميل) */
h1, h2, .hero-title, .about-statement, .creators-title, .stat-num, .coming-soon-text, .footer-mega {
  -webkit-text-stroke-width: 7px !important;
  text-shadow: 3px 4px 0 #000;
}
h3, .qtext, .tile-name, .tile h3 { -webkit-text-stroke-width: 4px !important; text-shadow: 2px 2px 0 #000; }
p, li, a, span, .eyebrow, .section-sub, .collab-chip span, .info-value, .info-label, label, button { -webkit-text-stroke-width: 2.4px; }
.hero-title .line-2, .hero-title .line-2 * { text-shadow: none; }
.tmodal *, .support-card *, .collage-tag, .marquee *, .cta-band *, .btn-solid, .collab-tab.is-active { text-shadow: none !important; }
/* أسماء المواهب: بدون حدّ ولا ظل (البطاقات + النافذة) */
.tile-info h3, .tile h3, #tmodal-name, .tmodal-name, .tmodal h2, .tmodal h3 {
  -webkit-text-stroke: 0 !important; text-shadow: none !important; paint-order: normal !important;
}
/* مساحة فوق الأسماء عشان حروف الرقعة العالية (مثل "التميمي") ما تختفي تحت الصورة */
.tmodal-name { line-height: 2 !important; padding-block-start: .5em; }
.tile-info h3 { line-height: 1.9 !important; }
/* أسماء المواهب بخط "أميري": حروف جنب بعض (الرقعة كان يركّب "التميمي" فوق بعض) + مسافة بين الكلمات */
.tile-info h3, #tmodal-name, .tmodal-name {
  font-family: "Space Grotesk", "Amiri Names", serif !important; word-spacing: .25em; line-height: 1.6 !important; padding-block-start: 0 !important;
}
.tmodal-name { padding-block-start: .2em !important; }

/* ═══ قاعدة الخطوط النهائية (طلب العميل):
   خط الرقعة + الحدّ الأسود للعناوين فقط — باقي النصوص بخط عادي (IBM Plex) وبدون حدّ أو ظل ═══ */
body, p, li, a, span, label, button, input, textarea, small, figcaption,
.eyebrow, .section-sub, .info-value, .info-label, .collab-chip span, .qsub, .stat-label, .tile-info p, .point-key {
  -webkit-text-stroke: 0 !important; text-shadow: none !important;
}
body { font-family: var(--font-ar); }
/* العناوين */
h1, h2, .hero-title, .hero-title .line, .about-statement, .creators-title, .support-intro h2, .coming-soon-text {
  font-family: var(--font-title) !important;
}
h3:not(.tile-info h3), .qtext, .collab-title, .service-card h3, .support-card h3 {
  font-family: var(--font-title) !important; -webkit-text-stroke: 3px #000 !important; paint-order: stroke fill; text-shadow: 2px 2px 0 #000 !important;
}
/* ما داخل العناوين (كلمات بـ span) يرث نفس الحد */
h1 span, h2 span, .hero-title span { -webkit-text-stroke: inherit !important; text-shadow: inherit !important; }
.hero-title .line-2, .hero-title .line-2 span { -webkit-text-stroke: 2px var(--gold-light) !important; text-shadow: none !important; }
.hero-title .chip { -webkit-text-stroke: 0 !important; }
/* العناوين داخل البطاقات الفاتحة بدون حد */
.support-card h3, .tmodal h2, .tmodal h3 { -webkit-text-stroke: 0 !important; text-shadow: none !important; }
/* تخفيف الحدّ (طلب العميل) */
h1, h2, .hero-title, .about-statement, .creators-title, .stat-num, .coming-soon-text, .footer-mega { -webkit-text-stroke-width: 4px !important; text-shadow: 2px 2px 0 #000 !important; }
h3:not(.tile-info h3), .qtext, .collab-title, .service-card h3 { -webkit-text-stroke-width: 1.8px !important; text-shadow: 1px 1px 0 #000 !important; }
.hero-title .line-2, .hero-title .line-2 span { -webkit-text-stroke-width: 2px !important; text-shadow: none !important; }
.hero-title .chip, .support-card h3, .tmodal h2, .tmodal h3 { -webkit-text-stroke-width: 0 !important; text-shadow: none !important; }
/* تخفيف إضافي — مريح للعين */
h1, h2, .hero-title, .about-statement, .creators-title, .stat-num, .coming-soon-text, .footer-mega { -webkit-text-stroke-width: 2.5px !important; text-shadow: 0 2px 6px rgba(0,0,0,.25) !important; }
h3:not(.tile-info h3), .qtext, .collab-title, .service-card h3 { -webkit-text-stroke-width: 1px !important; text-shadow: none !important; }
.hero-title .line-2, .hero-title .line-2 span { -webkit-text-stroke-width: 2px !important; text-shadow: none !important; }
.hero-title .chip, .support-card h3, .tmodal h2, .tmodal h3 { -webkit-text-stroke-width: 0 !important; text-shadow: none !important; }