/* قسم «كل ما تحتاجه» — بطاقات برسومات بعمق وإضاءة وحركة */
.lb-sheet { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(120% 80% at 50% -10%, #1a1830 0%, #0b0b10 55%) !important; }
.lb-arc { position: absolute; border-radius: 50%; border: 1px solid #ffffff12; pointer-events: none; z-index: -1; }
.lb-arc.a1 { width: 520px; height: 520px; top: -260px; left: -180px; box-shadow: 0 0 80px #6d5cff14 inset; }
.lb-arc.a2 { width: 420px; height: 420px; top: -150px; right: -200px; }
.lb-twinkle { position: absolute; fill: #fff7d6; filter: drop-shadow(0 0 8px #ffe6a0aa); animation: lb-twinkle 3.2s ease-in-out infinite; }
.lb-twinkle.t1 { width: 24px; top: 120px; left: 15%; }
.lb-twinkle.t2 { width: 13px; top: 158px; left: calc(15% + 32px); animation-delay: -1.4s; }
@keyframes lb-twinkle { 0%, 100% { transform: scale(.7) rotate(0); opacity: .55; } 50% { transform: scale(1.1) rotate(45deg); opacity: 1; } }

/* ---------- الرأس ---------- */
.lb-head { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.lb-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 20px; border-radius: 999px; font-size: 15px; font-weight: 600; color: #e9e9f2;
  background: linear-gradient(#ffffff0d, #ffffff05); border: 1px solid #ffffff22; box-shadow: 0 0 0 1px #00000040 inset, 0 10px 30px #00000040; backdrop-filter: blur(8px); }
.lb-badge svg { width: 18px; fill: #fff; animation: lb-spin 6s linear infinite; }
@keyframes lb-spin { to { rotate: 360deg; } }
.lb-title { margin: 0 !important; font-size: clamp(38px, 5vw, 68px) !important; font-weight: 800; line-height: 1.15 !important; color: #fff; letter-spacing: -.01em !important; }
.lb-title span { background: linear-gradient(90deg, #8ec5ff, #a99cff 35%, #c89bff 60%, #8ec5ff 100%); background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; animation: lb-flow 6s linear infinite; }
@keyframes lb-flow { to { background-position: -220% 0; } }
.lb-sub { margin: 0; max-width: 46ch; color: #b9b9c6; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.7; }

/* ---------- الشبكة ---------- */
.lb-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 300px; gap: 16px; margin-top: 44px; perspective: 1400px; }
.lb-stream { grid-column: span 4; } .lb-talk { grid-column: span 4; } .lb-free { grid-column: span 4; }
.lb-files { grid-column: span 4; } .lb-langs { grid-column: span 3; } .lb-plan { grid-column: span 5; }

.lb-card { --rx: 0deg; --ry: 0deg; --mx: 50%; --my: 0%; --lift: 0px;
  position: relative; overflow: hidden; border-radius: 30px; padding: 26px 28px; color: #16151a; text-align: start;
  background: var(--bg); box-shadow: 0 1px 0 #ffffffb0 inset, 0 24px 50px -20px #00000099;
  transform: translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)); transform-style: preserve-3d;
  transition: transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s; }
.lb-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2; border-radius: inherit;
  background: radial-gradient(420px circle at var(--mx) var(--my), #ffffff66, transparent 45%); opacity: 0; transition: opacity .4s; mix-blend-mode: soft-light; }
.lb-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: 0 0 0 1px #ffffff70 inset; }
.lb-card:hover { --lift: -8px; box-shadow: 0 1px 0 #ffffffb0 inset, 0 40px 70px -24px #000000c0; }
.lb-card:hover::before { opacity: 1; }
.lb-card.tilting { transition: transform .12s linear, box-shadow .5s; }

.lb-blue  { --bg: radial-gradient(90% 70% at 85% 0%, #ffffff 0%, transparent 60%), linear-gradient(160deg, #edf3ff, #d6e3ff); }
.lb-pink  { --bg: radial-gradient(90% 70% at 50% 40%, #ffffffb0 0%, transparent 60%), linear-gradient(160deg, #ffeef5, #ffcfe1); }
.lb-gold  { --bg: radial-gradient(90% 70% at 85% 0%, #ffffff 0%, transparent 60%), linear-gradient(160deg, #fff7e6, #ffe2b4); }
.lb-green { --bg: radial-gradient(90% 70% at 85% 0%, #ffffff 0%, transparent 60%), linear-gradient(160deg, #ecfaf2, #cdeedb); }
.lb-lilac { --bg: radial-gradient(90% 70% at 85% 0%, #ffffff 0%, transparent 60%), linear-gradient(160deg, #f1edff, #dcd3ff); }
.lb-peach { --bg: radial-gradient(90% 70% at 85% 0%, #ffffff 0%, transparent 60%), linear-gradient(160deg, #fff3ea, #ffdcc4); }

.lb-card header { position: relative; z-index: 3; display: flex; align-items: center; gap: 12px; }
.lb-card h3 { margin: 0; font-size: clamp(22px, 1.9vw, 28px); font-weight: 800; line-height: 1.2; color: #121116; }
.lb-card > p { position: relative; z-index: 3; margin: 10px 0 0; font-size: 15.5px; line-height: 1.65; color: #5b5966; }
.lb-go { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; color: #3a3846;
  background: #ffffffb8; box-shadow: 0 4px 12px #0000001a; transition: transform .35s cubic-bezier(.34,1.56,.64,1), background .3s; }
.lb-go svg { width: 16px; height: 16px; rotate: 90deg; }
.lb-card:hover .lb-go { transform: translateX(-4px); background: #fff; }
.lb-crown { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(160deg, #ffe39a, #f4b544); box-shadow: 0 6px 14px #d9902a55, 0 1px 0 #fff8 inset; }
.lb-crown svg { width: 22px; fill: #8a4f0c; }
.lb-art { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.lb-art button { pointer-events: auto; }

/* 1) يكتب أمامك */
.lb-doc { position: absolute; left: 34px; bottom: -18px; width: 64%; height: 58%; padding: 30px 26px; border-radius: 22px;
  background: linear-gradient(#ffffffee, #f3f6ffcc); box-shadow: 0 30px 50px -18px #3d5bd655, 0 1px 0 #fff inset;
  transform: rotate(-7deg) translateZ(20px); display: flex; flex-direction: column; gap: 14px; }
.lb-doc .ln { display: block; height: 10px; border-radius: 10px; background: #dde4f5; width: 92%; }
.lb-doc .ln.short { width: 60%; } .lb-doc .ln.mid { width: 76%; }
.lb-doc .ln.hot { background: linear-gradient(90deg, #5b7cfa, #8aa2ff); width: 0; box-shadow: 0 4px 10px #5b7cfa55; animation: lb-type 3.6s cubic-bezier(.45,0,.25,1) infinite; }
@keyframes lb-type { 0% { width: 0; } 55%, 80% { width: 72%; } 100% { width: 72%; opacity: 0; } }
.lb-typing { position: absolute; left: 26px; bottom: 44px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px;
  background: #ffffffe6; color: #5d6ad8; font-size: 13.5px; font-weight: 700; box-shadow: 0 10px 24px #3d5bd630; transform: rotate(-7deg); }
.lb-typing b { display: inline-flex; gap: 3px; } .lb-typing b i { width: 5px; height: 5px; border-radius: 50%; background: #9aa6e8; animation: lb-dot 1.1s infinite; }
.lb-typing b i:nth-child(2) { animation-delay: .15s; } .lb-typing b i:nth-child(3) { animation-delay: .3s; }
@keyframes lb-dot { 40% { transform: translateY(-4px); background: #5d6ad8; } }
.lb-gem { position: absolute; left: 22px; bottom: 30px; width: 96px; height: 96px; border-radius: 26px; display: grid; place-items: center;
  background: linear-gradient(145deg, #7d9cff, #4a5df0 55%, #6a4ff0); box-shadow: 0 20px 34px -10px #3b4ce0aa, 0 2px 0 #ffffff60 inset, 0 -6px 12px #2b2fb070 inset;
  transform: rotate(8deg) translateZ(40px); animation: lb-float 5s ease-in-out infinite; left: auto; right: auto; inset-inline-start: auto; }
.lb-stream .lb-gem { left: 28px; bottom: 34px; }
.lb-stream .lb-typing { left: 120px; }
.lb-gem svg { width: 48px; fill: #fff; filter: drop-shadow(0 4px 6px #2b2fb080); }
.lb-gem svg.mini { position: absolute; width: 16px; top: 16px; right: 18px; animation: lb-twinkle 2.4s ease-in-out infinite; }
@keyframes lb-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }

/* 2) اسأله كما تتكلم */
.lb-mic { position: absolute; left: 50%; bottom: -6px; width: 46%; max-width: 190px; translate: -50% 0; animation: lb-float 5.5s ease-in-out infinite; }
.lb-waves { position: absolute; bottom: 70px; display: flex; align-items: center; gap: 8px; }
.lb-waves.l { left: 7%; } .lb-waves.r { right: 7%; flex-direction: row-reverse; }
.lb-waves i { width: 5px; border-radius: 5px; background: linear-gradient(#ffffff, #ffc6dc); opacity: .9; height: var(--h); animation: lb-wave 1.2s ease-in-out infinite; }
.lb-waves i:nth-child(1) { --h: 70px; } .lb-waves i:nth-child(2) { --h: 50px; animation-delay: .15s; } .lb-waves i:nth-child(3) { --h: 34px; animation-delay: .3s; } .lb-waves i:nth-child(4) { --h: 20px; animation-delay: .45s; }
@keyframes lb-wave { 50% { transform: scaleY(.45); } }
.lb-press { position: absolute; right: 24px; bottom: 26px; display: inline-flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: 999px; border: 0;
  background: #ffffffe8; color: #3e3a48; font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer; box-shadow: 0 12px 26px #e0628f2e; transition: transform .3s; }
.lb-press:hover { transform: scale(1.05); }
.lb-eq { display: inline-flex; align-items: center; gap: 2px; height: 16px; }
.lb-eq i { width: 3px; height: 100%; border-radius: 3px; background: linear-gradient(#c56bff, #ff5aa5); animation: lb-wave .9s ease-in-out infinite; }
.lb-eq i:nth-child(2) { animation-delay: .2s; } .lb-eq i:nth-child(3) { animation-delay: .1s; } .lb-eq i:nth-child(4) { animation-delay: .3s; }
.lb-talk.listening .lb-waves i { animation-duration: .5s; }
.lb-talk.listening .lb-press { background: #ff5aa5; color: #fff; }

/* 3) مجاني */
.lb-dunes { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 48%; }
.lb-zero { position: absolute; left: 34px; bottom: 8px; font-family: var(--round); font-weight: 800; font-size: clamp(110px, 10vw, 160px); line-height: 1; letter-spacing: -.04em;
  background: linear-gradient(170deg, #fff4c9 0%, #f5c55a 32%, #d38a22 62%, #9a5a12 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 2px 0 #b8741a) drop-shadow(0 4px 0 #a5650f) drop-shadow(0 7px 0 #8c540b) drop-shadow(0 18px 18px #a0601a66);
  transform: rotate(-6deg); animation: lb-bob 5s ease-in-out infinite; }
.lb-zero::after { content: attr(data-text); position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, #ffffffd0 48%, transparent 60%);
  background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: lb-shine 4s ease-in-out infinite; }
@keyframes lb-shine { 0%, 40% { background-position: 150% 0; } 80%, 100% { background-position: -150% 0; } }
@keyframes lb-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
.lb-rays { position: absolute; left: 62%; bottom: 120px; }
.lb-rays i { position: absolute; width: 22px; height: 6px; border-radius: 6px; background: #f0a63a; animation: lb-ray 2s ease-in-out infinite; }
.lb-rays i:first-child { rotate: -50deg; } .lb-rays i:last-child { rotate: -15deg; top: 22px; left: 10px; animation-delay: .3s; }
@keyframes lb-ray { 50% { opacity: .35; translate: 4px -2px; } }

/* 4) أبحاثك، مرتّبة */
.lb-folders { position: absolute; left: 14px; bottom: -6px; width: 52%; max-width: 230px; animation: lb-float 6s ease-in-out infinite; }
.lb-folders .pg1 { animation: lb-peek 4s ease-in-out infinite; } .lb-folders .pg2 { animation: lb-peek 4s ease-in-out -2s infinite; }
@keyframes lb-peek { 50% { transform: translateY(-8px); } }
.lb-list { position: absolute; right: 24px; bottom: 22px; width: 52%; padding: 10px 12px; border-radius: 18px; background: #ffffffe6; box-shadow: 0 16px 30px #2f8f5f26;
  display: flex; flex-direction: column; gap: 4px; z-index: 2; }
.lb-list > div { display: flex; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px solid #eef3f0; font-size: 13.5px; }
.lb-list > div:last-child { border: 0; }
.lb-list svg { width: 22px; flex: none; } .lb-list b { flex: 1; font-weight: 600; }
.lb-list i { width: 22px; height: 5px; border-radius: 5px; background: #e6ece9; }
.lb-done circle { transform-origin: 12px 12px; animation: lb-pop 3.6s cubic-bezier(.34,1.56,.64,1) infinite; }
@keyframes lb-pop { 0%, 60% { transform: scale(1); } 70% { transform: scale(1.25); } 80%, 100% { transform: scale(1); } }

/* 5) يتكلّم لغتك */
.lb-globe { position: absolute; left: -40px; bottom: -50px; width: 220px; animation: lb-spin 40s linear infinite; }
.lb-chips { position: absolute; right: 22px; left: 22px; bottom: 24px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
.lb-chips button { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; border: 0; font: inherit; font-size: 14px; font-weight: 600;
  background: #ffffffc4; color: #5a5390; box-shadow: 0 6px 14px #6b5bd51a; cursor: pointer; transition: transform .35s cubic-bezier(.34,1.56,.64,1), background .3s, color .3s, box-shadow .3s; }
.lb-chips button svg { width: 0; height: 15px; transition: width .3s; }
.lb-chips button:hover { transform: translateY(-3px); }
.lb-chips button.on { background: linear-gradient(135deg, #4f6bf5, #6a4ff0); color: #fff; box-shadow: 0 10px 22px #4f5bf060; transform: scale(1.06); }
.lb-chips button.on svg { width: 15px; }
.lb-chips .more { letter-spacing: 2px; }

/* 6) بحثك، مخطَّط */
.lb-cal { position: absolute; left: 33%; bottom: -6px; width: 36%; max-width: 220px; animation: lb-float 6s ease-in-out -1s infinite; }
.lb-cal .hot1, .lb-cal .hot2 { animation: lb-glow 3s ease-in-out infinite; } .lb-cal .hot2 { animation-delay: -1.5s; }
@keyframes lb-glow { 50% { opacity: .55; } }
.lb-tick { animation: lb-bob 4s ease-in-out -.6s infinite; }
.lb-steps { position: absolute; left: 22px; bottom: 22px; top: 22px; width: 34%; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.lb-steps::before { content: ""; position: absolute; right: 28px; top: 34px; bottom: 34px; width: 2px; background: #eadbd0; z-index: 0; }
.lb-steps li { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; background: #ffffffd9; box-shadow: 0 8px 18px #c2622a14; font-size: 14px; }
.lb-steps b { flex: 1; font-weight: 600; } .lb-steps span { width: 34px; height: 5px; border-radius: 5px; background: #f0e4da; }
.lb-steps i { position: relative; flex: none; width: 24px; height: 24px; border-radius: 50%; border: 2.5px solid var(--c, #c9c2bd); background: #fff; transition: background .35s, border-color .35s, transform .35s cubic-bezier(.34,1.56,.64,1); }
.lb-steps li:nth-child(1) i { --c: #ff7a2a; } .lb-steps li:nth-child(2) i { --c: #ff9a4d; } .lb-steps li:nth-child(3) i { --c: #8e7bff; } .lb-steps li:nth-child(4) i { --c: #c9c2bd; }
.lb-steps li.done i { background: var(--c); transform: scale(1.1); }
.lb-steps li.done i::after { content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2.5px 2.5px 0; rotate: 45deg; }

/* ---------- الدخول عند الوصول ---------- */
.lb-head > * { opacity: 0; translate: 0 26px; filter: blur(8px); transition: opacity .9s cubic-bezier(.16,1,.3,1), translate .9s cubic-bezier(.16,1,.3,1), filter .9s; }
.lb-sheet.in .lb-head > * { opacity: 1; translate: 0 0; filter: none; }
.lb-sheet.in .lb-head > :nth-child(2) { transition-delay: .12s; } .lb-sheet.in .lb-head > :nth-child(3) { transition-delay: .24s; }
.lb-card { opacity: 0; translate: 0 60px; scale: .94; filter: blur(10px); }
.lb-sheet.in .lb-card { opacity: 1; translate: 0 0; scale: 1; filter: none;
  transition: opacity .9s cubic-bezier(.16,1,.3,1) calc(.35s + var(--i) * .1s), translate 1s cubic-bezier(.16,1,.3,1) calc(.35s + var(--i) * .1s),
              scale 1s cubic-bezier(.16,1,.3,1) calc(.35s + var(--i) * .1s), filter .9s calc(.35s + var(--i) * .1s), transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s; }
.lb-art > * { opacity: 0; scale: .7; }
.lb-sheet.in .lb-art > * { opacity: 1; scale: 1; transition: opacity .6s ease calc(.75s + var(--i) * .1s), scale .9s cubic-bezier(.34,1.56,.64,1) calc(.75s + var(--i) * .1s); }

/* ---------- الشاشات الأصغر ---------- */
@media (max-width: 1099px) {
  .lb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 300px; }
  .lb-grid > .lb-card { grid-column: span 1; } .lb-plan { grid-column: span 2 !important; }
}
@media (max-width: 699px) {
  .lb-grid { grid-template-columns: 1fr; grid-auto-rows: 320px; }
  .lb-plan { grid-column: auto !important; grid-row: span 1; }
  .lb-plan .lb-cal { left: auto; right: 14px; width: 40%; }
  .lb-plan .lb-steps { width: 52%; }
  .lb-arc { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .lb-sheet *, .lb-sheet *::before, .lb-sheet *::after { animation: none !important; }
  .lb-card, .lb-head > *, .lb-art > * { opacity: 1 !important; translate: none !important; scale: 1 !important; filter: none !important; transition: none !important; }
  .lb-doc .ln.hot { width: 72%; }
}

/* ---------- ضبط بعد المقارنة بالمرجع ---------- */
.lb-title { padding-bottom: .12em; }
.lb-title span { display: inline-block; padding: .04em .06em .2em; margin-bottom: -.14em; }
.lb-mic { width: 52%; max-width: 210px; bottom: -14px; filter: drop-shadow(0 14px 22px #d9467e40); }
.lb-mic rect[fill="url(#mic-body)"] { stroke: #ffffffcc; stroke-width: 3; }
.lb-waves i { background: linear-gradient(#ffffff, #ff9fc3); box-shadow: 0 0 10px #ffffffa0; opacity: 1; }
.lb-steps { width: 46%; gap: 8px; }
.lb-steps li { padding: 11px 12px; white-space: nowrap; }
.lb-steps span { width: 26px; }
.lb-plan .lb-cal { left: 44%; width: 30%; }
.lb-files .lb-folders { left: 4px; width: 46%; }
.lb-files .lb-list { width: 50%; right: 20px; }
.lb-mic #mic-body stop:nth-child(2) { stop-color: #ffc0d7; }
.lb-mic #mic-body stop:nth-child(3) { stop-color: #ee8fb6; }
@media (max-width: 699px) {
  .lb-plan { grid-row: span 1; }
  .lb-grid > .lb-plan { min-height: 400px; }
  .lb-plan .lb-steps { top: auto; bottom: 16px; left: 16px; width: 60%; gap: 6px; }
  .lb-plan .lb-steps li { padding: 8px 10px; font-size: 13px; }
  .lb-plan .lb-cal { left: auto; right: 10px; bottom: 10px; width: 34%; }
}
@media (max-width: 699px) {
  .lb-grid { grid-auto-rows: auto; }
  .lb-grid > .lb-card { min-height: 320px; }
  .lb-grid > .lb-plan { min-height: 430px; }
}

/* ================= الحواف الحيّة: شعاع ضوء يدور حول كل بطاقة ================= */
@property --a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.lb-blue  { --beam: #6f8dff; --glow: #5b7cfa55; }
.lb-pink  { --beam: #ff6fa8; --glow: #ff5aa555; }
.lb-gold  { --beam: #f5b23e; --glow: #f0a63a55; }
.lb-green { --beam: #36c98a; --glow: #2fb87955; }
.lb-lilac { --beam: #8b6cff; --glow: #7d69d855; }
.lb-peach { --beam: #ff8a3d; --glow: #ff7a2a55; }
.lb-card { box-shadow: 0 0 0 1px #ffffff80 inset, 0 1px 0 #ffffffb0 inset, 0 24px 50px -20px #00000099; }
.lb-card::after { z-index: 4; padding: 2px; box-shadow: none;
  background: conic-gradient(from var(--a), transparent 0deg 250deg, var(--beam) 300deg, #fff 328deg, var(--beam) 344deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  filter: drop-shadow(0 0 6px var(--beam)); opacity: .9; animation: lb-beam 6s linear calc(var(--i) * -1.1s) infinite; }
@keyframes lb-beam { to { --a: 360deg; } }
.lb-card:hover::after { opacity: 1; animation-duration: 2.4s; filter: drop-shadow(0 0 10px var(--beam)) drop-shadow(0 0 2px #fff); }
/* وهج ملوّن تحت البطاقة يكبر عند المرور */
.lb-card:hover { box-shadow: 0 0 0 1px #ffffffa0 inset, 0 1px 0 #ffffffb0 inset, 0 40px 70px -24px #000000c0, 0 18px 60px -10px var(--glow); }

/* ================= الإطار الأسود الكبير ================= */
.lb-sheet { box-shadow: 0 0 0 1px #ffffff10, 0 40px 120px -30px #6d5cff30, 0 30px 90px -40px #f1b35c22; }
.lb-sheet::after { content: ""; position: absolute; inset: 0; z-index: 5; border-radius: inherit; padding: 1.5px; pointer-events: none;
  background: conic-gradient(from var(--a), transparent 0deg 200deg, #8f86ff 260deg, #ffe2b8 300deg, #c49bff 330deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  filter: drop-shadow(0 0 8px #a98cff); animation: lb-beam 12s linear infinite; }
/* ضوء ناعم يتبع المؤشر داخل الإطار */
.lb-sheet::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  background: radial-gradient(600px circle at var(--gx, 50%) var(--gy, 30%), #7f6bff1f, transparent 60%); transition: background .2s; }

/* الشارة أعلى القسم: حافة ضوء صغيرة تدور */
.lb-badge { position: relative; }
.lb-badge::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
  background: conic-gradient(from var(--a), transparent 0deg 260deg, #ffe2b8 320deg, #fff 340deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: lb-beam 4s linear infinite; }

/* ================= ميكروفون أوضح ================= */
.lb-mic #mic-body stop:nth-child(1) { stop-color: #ffffff; }
.lb-mic #mic-body stop:nth-child(2) { stop-color: #ffb3cf; }
.lb-mic #mic-body stop:nth-child(3) { stop-color: #ef6fa3; }
.lb-mic #mic-arm stop:nth-child(1), .lb-mic #mic-arm stop:nth-child(3) { stop-color: #f27aa9; }
.lb-mic { filter: drop-shadow(0 18px 26px #d9467e55) drop-shadow(0 0 1px #fff); }
.lb-waves i { background: linear-gradient(#ffffff, #ff8fbb); }

@media (prefers-reduced-motion: reduce) {
  .lb-card::after, .lb-sheet::after, .lb-badge::after { animation: none; }
}
/* الميكروفون: حركة الطفو كانت تلغي translate للتوسيط، فنضعه بالهوامش */
.lb-mic { left: 7%; right: auto; translate: none; width: 50%; max-width: 200px; bottom: -10px; }
.lb-mic #mic-body stop:nth-child(1) { stop-color: #fff0f6; }
.lb-mic #mic-body stop:nth-child(2) { stop-color: #ff9cc2; }
.lb-mic #mic-body stop:nth-child(3) { stop-color: #e2558f; }
.lb-mic #mic-shine stop:nth-child(1) { stop-opacity: .75; }
.lb-waves.l { display: none; }
.lb-waves.r { left: 60%; right: auto; bottom: 108px; flex-direction: row; }
.lb-waves i { background: linear-gradient(#ffffff, #f2659e); }

/* ================= هالة متحركة حول الإطار الأسود (ظلال ملوّنة على الرمادي) ================= */
.vo-bento { position: relative; }
.lb-sheet { position: relative; z-index: 1; }
.lb-aura { position: absolute; z-index: 0; left: var(--ax, 0); top: var(--ay, 0); width: var(--aw, 100%); height: var(--ah, 100%); border-radius: 44px; pointer-events: none; }
/* حلقة ألوان تدور خلف الإطار وتفيض من أطرافه */
.lb-aura::before { content: ""; position: absolute; inset: -46px; border-radius: 90px; opacity: .7; filter: blur(56px);
  background: conic-gradient(from var(--a), #b29bff, #ffcf9e, #8ec5ff, #9eecd0, #ff9fc8, #b29bff); animation: lb-beam 16s linear infinite; }
/* ظل داكن ناعم يتمايل تحت الإطار */
.lb-aura::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: -30px; height: 120px; border-radius: 50%;
  background: radial-gradient(closest-side, #1c1a2e66, transparent); filter: blur(24px); animation: lb-sway 9s ease-in-out infinite; }
@keyframes lb-sway { 0%, 100% { translate: -4% 0; scale: 1 1; } 50% { translate: 4% 6px; scale: 1.08 .9; } }
/* ثلاث بقع ضوء تجول حول الحواف بإيقاعات مختلفة */
.lb-aura > i { position: absolute; width: 360px; height: 360px; border-radius: 50%; filter: blur(70px); opacity: .55; }
.lb-aura > i:nth-child(1) { background: #a98cff; animation: lb-roam1 18s ease-in-out infinite; }
.lb-aura > i:nth-child(2) { background: #ffbf7a; animation: lb-roam2 22s ease-in-out infinite; }
.lb-aura > i:nth-child(3) { background: #7fc4ff; animation: lb-roam3 26s ease-in-out infinite; }
@keyframes lb-roam1 { 0%, 100% { left: -12%; top: -14%; } 25% { left: 40%; top: -22%; } 50% { left: 88%; top: 10%; } 75% { left: 70%; top: 80%; } }
@keyframes lb-roam2 { 0%, 100% { left: 92%; top: 70%; } 30% { left: 30%; top: 92%; } 60% { left: -14%; top: 40%; } 80% { left: 20%; top: -18%; } }
@keyframes lb-roam3 { 0%, 100% { left: 50%; top: 96%; } 33% { left: 96%; top: 30%; } 66% { left: -10%; top: 60%; } }
.lb-aura > i { translate: -50% -50%; }
@media (max-width: 699px) { .lb-aura::before { inset: -24px; filter: blur(36px); } .lb-aura > i { width: 200px; height: 200px; } }
@media (prefers-reduced-motion: reduce) { .lb-aura::before, .lb-aura::after, .lb-aura > i { animation: none; } }

/* ================= لوحة الألوان: أسود وذهبي (تطابق هوية الموقع) ================= */
.lb-blue, .lb-pink, .lb-gold, .lb-green, .lb-lilac, .lb-peach {
  --bg: radial-gradient(90% 70% at 85% 0%, #ffffff12 0%, transparent 60%), linear-gradient(165deg, #1b1a20, #0e0e12);
  --beam: #f2b45a; --glow: #f2b45a40; }
.lb-card { color: #f4f2ee; box-shadow: 0 0 0 1px #ffffff14 inset, 0 1px 0 #ffffff1c inset, 0 24px 50px -20px #000000cc; }
.lb-card h3 { color: #fff; }
.lb-card > p { color: #a9a6b2; }
.lb-go { background: #ffffff12; color: #e9d3ad; box-shadow: none; }
.lb-card:hover .lb-go { background: #f2b45a; color: #111; }
.lb-title span { background: linear-gradient(90deg, #fff1cf, #f2b45a 40%, #ffe3a6 70%, #fff1cf) 0 0 / 220% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; }
.lb-badge svg { fill: #f2b45a; }
/* الرسومات: نخفّف ألوانها لتنسجم، والذهبي يبقى ذهبياً */
.lb-art > *:not(.lb-zero):not(.lb-rays) { filter: saturate(.18) brightness(.95) contrast(1.05); }
.lb-doc, .lb-list, .lb-steps li, .lb-chips button:not(.on), .lb-press { background: #ffffff10 !important; color: #d9d6e0 !important; box-shadow: 0 0 0 1px #ffffff14 inset !important; }
.lb-doc .ln { background: #ffffff1a; } .lb-doc .ln.hot { background: linear-gradient(90deg, #f2b45a, #ffe3a6); box-shadow: 0 4px 12px #f2b45a55; }
.lb-list > div { border-color: #ffffff12; } .lb-list i, .lb-steps span { background: #ffffff1a; }
.lb-chips button.on { background: linear-gradient(135deg, #f2b45a, #d9902a) !important; color: #111 !important; box-shadow: 0 10px 22px #f2b45a40 !important; }
.lb-steps li.done i { background: #f2b45a !important; border-color: #f2b45a !important; }
.lb-steps::before { background: #ffffff1a; }
.lb-typing { background: #ffffff14 !important; color: #f2d29a !important; }
.lb-gem { background: linear-gradient(145deg, #3a3a44, #1c1c22) !important; box-shadow: 0 20px 34px -10px #000, 0 0 0 1px #ffffff1c inset !important; }
.lb-gem svg { fill: #f2b45a; }
.lb-crown { background: linear-gradient(160deg, #ffe39a, #f2b45a); }
.lb-dunes { opacity: .12; }
.lb-globe { opacity: .3; }
/* الهالة حول الإطار: ذهبية دافئة بدل قوس قزح */
.lb-aura::before { background: conic-gradient(from var(--a), #f2b45a, #3a2a10, #ffe3a6, #2a2218, #f2b45a) !important; opacity: .45 !important; }
.lb-aura > i:nth-child(1) { background: #f2b45a !important; } .lb-aura > i:nth-child(2) { background: #c98a2c !important; } .lb-aura > i:nth-child(3) { background: #ffe3a6 !important; }
.lb-aura > i { opacity: .3 !important; }
.lb-sheet::after { background: conic-gradient(from var(--a), transparent 0deg 220deg, #f2b45a 300deg, #fff3dc 330deg, transparent 360deg) !important; filter: drop-shadow(0 0 8px #f2b45a) !important; }
.lb-sheet::before { background: radial-gradient(600px circle at var(--gx, 50%) var(--gy, 30%), #f2b45a14, transparent 60%) !important; }
.lb-sheet .lb-art .lb-dunes { display: none; } .lb-sheet .lb-art .lb-gem { filter: none; }

/* ===== أربع مميزات صغيرة تحت الشبكة ===== */
.lb-minis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.lb-mini { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px 24px 26px; border-radius: 28px; text-align: right;
  background: linear-gradient(160deg, #1b1a22 0%, #121117 100%); border: 1px solid #ffffff14;
  box-shadow: 0 1px 0 #ffffff12 inset, 0 24px 50px -24px #000000aa; overflow: hidden;
  opacity: 0; translate: 0 40px; transition: opacity .7s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 70ms), translate .7s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 70ms), border-color .3s, box-shadow .3s; }
.lb-sheet.in .lb-mini { opacity: 1; translate: 0 0; }
.lb-mini::before { content: ""; position: absolute; inset: -40% -20% auto auto; width: 180px; height: 180px; border-radius: 50%;
  background: radial-gradient(closest-side, #f5b94a33, transparent); opacity: 0; transition: opacity .4s; pointer-events: none; }
.lb-mini:hover { border-color: #f5b94a66; box-shadow: 0 1px 0 #ffffff1a inset, 0 28px 60px -22px #000000cc, 0 0 30px -8px #f5b94a33; }
.lb-mini:hover::before { opacity: 1; }
.lb-mini-ico { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; font-size: 24px;
  background: linear-gradient(145deg, #2a2731, #1a1820); box-shadow: 0 0 0 1px #ffffff12 inset, 0 8px 18px #00000066; transition: transform .35s cubic-bezier(.3,1.6,.5,1); }
.lb-mini:hover .lb-mini-ico { transform: translateY(-3px) rotate(-6deg) scale(1.06); }
.lb-mini h3 { margin: 4px 0 0; font-size: 21px; font-weight: 700; color: #fff; }
.lb-mini p { margin: 0; font-size: 14.5px; line-height: 1.75; color: #b9b5c4; }
@media (max-width: 1099px) { .lb-minis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 699px) { .lb-minis { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .lb-mini { transition: none; opacity: 1; translate: none; } }

/* رقم التفاوض أعرض من +$ — نصغّره ليبقى داخل البطاقة */
.lb-free .lb-zero { font-size: clamp(84px, 7.4vw, 118px); left: 26px; }

/* «المميزات» عنوان ضخم — الشارة تتحوّل لكلمة كبيرة ذهبية، والجملة تحتها تصير عنواناً ثانوياً */
.lb-badge { padding: 0; border: 0 !important; background: none !important; box-shadow: none !important; backdrop-filter: none !important;
  font-family: "Readex Pro", var(--round), sans-serif; font-size: clamp(76px, 11vw, 168px); font-weight: 700; line-height: 1.05; letter-spacing: -.02em;
  background-image: linear-gradient(180deg, #fff 0%, #fff3dc 45%, #f2b45a 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent;
  filter: drop-shadow(0 10px 40px rgba(242,180,90,.25)); gap: .12em; }
.lb-badge::after { display: none; }
.lb-badge svg { width: .28em; height: .28em; align-self: flex-start; margin-top: .18em; }
.lb-title { font-size: clamp(26px, 3vw, 42px) !important; margin-top: 10px !important; }
/* «المميزات» واضحة فوراً: بلا تلاشٍ ولا ضباب، وذهبي مشبع بحواف حادة */
.lb-head > .lb-badge, .lb-sheet.in .lb-head > .lb-badge { opacity: 1 !important; translate: none !important; filter: none !important; transition: none !important; }
.lb-badge { background-image: linear-gradient(180deg, #ffe7b3 0%, #f7c46a 50%, #e9a23b 100%) !important;
  text-shadow: none; padding: .08em .1em .14em; margin-top: 18px; }
.lb-badge-wrap { filter: drop-shadow(0 12px 36px rgba(242,170,70,.3)); }

/* ===== مشاهد المميزات: كل بطاقة تُري loooooop وهو يشتغل فعلاً ===== */
.lb-art > .sc { filter: none !important; }
.sc { position: absolute; left: 22px; right: 22px; bottom: 22px; display: flex; flex-direction: column; gap: 8px; direction: rtl; font-size: 13px; color: #e9e6f0; }
.sc > * { opacity: 0; translate: 0 10px; }
.lb-sheet.in .sc > * { animation: scIn .6s cubic-bezier(.2,.8,.2,1) forwards; animation-delay: calc(1s + var(--i) * .1s + var(--d, 0) * .55s); }
@keyframes scIn { to { opacity: 1; translate: 0 0; } }
/* فقاعات المحادثة */
.sc-b { max-width: 86%; padding: 9px 13px; border-radius: 16px; line-height: 1.55; font-weight: 600; box-shadow: 0 8px 20px #0000004d; }
.sc-b.ai { align-self: flex-end; background: linear-gradient(145deg, #f6c56c, #e9a23b); color: #1a1206; border-bottom-left-radius: 5px; }
.sc-b.ai::before { content: "loooooop"; display: block; font-size: 10px; font-weight: 800; opacity: .6; margin-bottom: 1px; letter-spacing: .02em; }
.sc-b.them, .sc-b.me { align-self: flex-start; background: #2a2833; border: 1px solid #ffffff14; border-bottom-right-radius: 5px; }
.sc-b.me { align-self: flex-start; background: #f4f2f8; color: #16151a; border-color: transparent; }
/* 1) مكالمة */
.sc-callbar { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 16px; background: #1f1e26; border: 1px solid #ffffff12; }
.sc-av { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #2f2d38; font-size: 17px; box-shadow: 0 0 0 3px #3ccf7a33; }
.sc-who { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.sc-who b { font-size: 13px; color: #fff; } .sc-who em { font-style: normal; font-size: 11px; color: #3ccf7a; }
.sc-wave { display: flex; align-items: center; gap: 3px; height: 22px; }
.sc-wave i { width: 3px; height: 30%; border-radius: 3px; background: #3ccf7a; animation: scWave 1s ease-in-out infinite; }
.sc-wave i:nth-child(2) { animation-delay: .15s } .sc-wave i:nth-child(3) { animation-delay: .3s } .sc-wave i:nth-child(4) { animation-delay: .45s } .sc-wave i:nth-child(5) { animation-delay: .6s }
@keyframes scWave { 50% { height: 100%; } }
/* 2) اللهجة */
.sc-dial .sc-b.me { max-width: 92%; font-size: 13.5px; }
.sc-got { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; align-self: flex-end; }
.sc-got span { padding: 5px 10px; border-radius: 999px; background: #f2b45a; color: #1a1206; font-weight: 800; font-size: 12px; }
.sc-got i { font-style: normal; padding: 5px 10px; border-radius: 999px; background: #ffffff10; border: 1px solid #f2b45a55; color: #f7d9a6; font-size: 12px; font-weight: 600; }
/* 3) التفاوض */
.sc-price { display: flex; align-items: center; gap: 10px; align-self: stretch; padding: 9px 12px; border-radius: 14px; background: #1f1e26; border: 1px solid #ffffff12; }
.sc-price s { color: #8d8996; font-size: 12.5px; }
.sc-price b { color: #fff; font-size: 17px; font-weight: 800; }
.sc-price span { margin-inline-start: auto; padding: 4px 10px; border-radius: 999px; background: #3ccf7a22; color: #5fe39a; font-weight: 800; font-size: 12px; }
/* 4) من الفكرة للواقع */
.sc-idea .sc-b.me { font-size: 14px; }
.sc-steps { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.sc-steps li { flex: 1; text-align: center; padding: 8px 4px; border-radius: 12px; background: #1f1e26; border: 1px solid #ffffff12; font-size: 12px; font-weight: 700; color: #cfcbd8; }
.sc-steps li.ok::before { content: "✓ "; color: #5fe39a; }
.sc-steps li.now { border-color: #f2b45a; color: #f7d9a6; box-shadow: 0 0 18px -4px #f2b45a88; }
.sc-steps li.now::before { content: "● "; color: #f2b45a; animation: scBlink 1.2s infinite; }
@keyframes scBlink { 50% { opacity: .2; } }
.sc-bar { display: flex; align-items: center; gap: 10px; }
.sc-bar i { position: relative; flex: 1; height: 6px; border-radius: 6px; background: #ffffff14; overflow: hidden; }
.sc-bar i::after { content: ""; position: absolute; inset: 0 0 0 25%; border-radius: inherit; background: linear-gradient(90deg, #e9a23b, #f6c56c); }
.sc-bar span { font-size: 11.5px; font-weight: 700; color: #f7d9a6; }
/* 5) الفريق */
.sc-team { height: 150px; left: 50%; right: auto; width: 240px; translate: -50% 0; bottom: 14px; display: block; }
.sc-links { position: absolute; inset: 0; width: 100%; height: 100%; }
.sc-links path { fill: none; stroke: #f2b45a66; stroke-width: 1.5; stroke-dasharray: 4 5; animation: scDash 1.6s linear infinite; }
@keyframes scDash { to { stroke-dashoffset: -18; } }
.sc-hub { position: absolute; left: 50%; top: 50%; translate: -50% -50%; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px;
  background: linear-gradient(145deg, #f6c56c, #e9a23b); color: #1a1206; font-weight: 900; font-size: 20px; box-shadow: 0 0 0 6px #f2b45a22, 0 10px 24px #0008; opacity: 1 !important; }
.sc-node { position: absolute; display: flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: #232129; border: 1px solid #ffffff14; font-size: 13px; box-shadow: 0 6px 16px #0006; }
.sc-node b { font-size: 11.5px; color: #e9e6f0; }
.sc-node i { width: 7px; height: 7px; border-radius: 50%; }
.sc-node i.ok { background: #5fe39a; } .sc-node i.run { background: #f2b45a; animation: scBlink 1.2s infinite; }
.n1 { right: 0; top: 10px; } .n2 { left: 0; top: 10px; } .n3 { right: 0; bottom: 10px; } .n4 { left: 0; bottom: 10px; }
/* 6) المتابعة */
.sc-track { gap: 6px; left: 22px; right: 22px; }
.sc-track > div { display: flex; align-items: center; gap: 9px; padding: 7px 11px; border-radius: 12px; background: #1f1e26; border: 1px solid #ffffff10; }
.sc-track i { width: 18px; height: 18px; flex: none; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 11px; font-weight: 900; }
.sc-track .ok i { background: #3ccf7a; } .sc-track .ok i::after { content: "✓"; color: #08210f; }
.sc-track .warn i { background: #f2b45a; } .sc-track .warn i::after { content: "!"; color: #1a1206; }
.sc-track .run i { border: 2px solid #f2b45a; border-top-color: transparent; animation: scSpin 1s linear infinite; }
@keyframes scSpin { to { rotate: 360deg; } }
.sc-track b { flex: 1; font-size: 12.5px; color: #e9e6f0; font-weight: 700; }
.sc-track em { font-style: normal; font-size: 11.5px; color: #8d8996; }
.sc-track .ok em { color: #5fe39a; } .sc-track .warn em { color: #f7d9a6; }
@media (prefers-reduced-motion: reduce) { .sc > *, .lb-sheet.in .sc > * { opacity: 1; translate: none; animation: none; } .sc-wave i, .sc-links path, .sc-track .run i { animation: none; } }
/* مساحة أكبر للمشاهد */
@media (min-width: 1100px) { .lb-grid { grid-auto-rows: 340px; } }
.sc-b { padding: 7px 12px; font-size: 12.5px; }
.sc-b.ai::before { display: none; }
.sc-b.ai { padding-inline-start: 30px; position: relative; }
.sc-b.ai::after { content: "L"; position: absolute; right: 8px; top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 5px; background: #1a1206; color: #f6c56c; font-size: 10px; font-weight: 900; }
.sc-callbar { padding: 6px 9px; } .sc-av { width: 30px; height: 30px; font-size: 15px; }
.sc-bar i::after { inset: 0 0 0 25%; left: 25%; right: 0; background: linear-gradient(270deg, #e9a23b, #f6c56c); }

/* ===== رسمة مجسّمة واحدة كبيرة لكل ميزة ===== */
.lb-art > .sc3d { filter: none !important; }
.sc3d { position: absolute; left: 50%; bottom: 6px; width: 200px; height: 200px; translate: -50% 0; display: grid; place-items: center; }
.sc3d img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 22px 26px rgba(0,0,0,.55));
  animation: sc3dFloat 5s ease-in-out infinite; transition: scale .5s cubic-bezier(.3,1.6,.5,1), rotate .5s cubic-bezier(.3,1.6,.5,1); }
.lb-card:hover .sc3d img { scale: 1.08; rotate: -6deg; }
.sc3d-glow { position: absolute; z-index: 0; inset: 18%; border-radius: 50%; background: radial-gradient(closest-side, var(--g, #f2b45a), transparent); opacity: .45; filter: blur(18px); }
.sc3d::after { content: ""; position: absolute; z-index: 1; left: 22%; right: 22%; bottom: 2px; height: 16px; border-radius: 50%; background: radial-gradient(closest-side, #000c, transparent); animation: sc3dShadow 5s ease-in-out infinite; }
@keyframes sc3dFloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@keyframes sc3dShadow { 0%,100% { scale: 1; opacity: .8; } 50% { scale: .8; opacity: .5; } }
.sc3d-phone { --g: #ff4d8d; } .sc3d-speak { --g: #7aa7ff; } .sc3d-deal { --g: #ffc94d; }
.sc3d-idea { --g: #ffe27a; } .sc3d-team { --g: #6fb6ff; } .sc3d-box { --g: #e6a35c; }
/* المكالمة ترنّ */
.sc3d-phone img { animation: sc3dRing 2.6s ease-in-out infinite; }
@keyframes sc3dRing { 0%,55%,100% { rotate: 0deg; } 60% { rotate: -10deg; } 65% { rotate: 9deg; } 70% { rotate: -7deg; } 75% { rotate: 5deg; } 80% { rotate: 0deg; } }
.sc3d .ring { position: absolute; z-index: 1; inset: 22%; border-radius: 50%; border: 2px solid #ff6fa0; opacity: 0; animation: sc3dPulse 2.6s ease-out infinite; }
.sc3d .ring.r2 { animation-delay: .5s; }
@keyframes sc3dPulse { 55% { opacity: 0; scale: .8; } 60% { opacity: .8; scale: .9; } 100% { opacity: 0; scale: 1.45; } }
/* الفكرة تضوي */
.sc3d-idea .sc3d-glow { animation: sc3dGlow 2.4s ease-in-out infinite; }
@keyframes sc3dGlow { 50% { opacity: .85; scale: 1.15; } }
/* الشحنة وصلت */
.sc3d-tick { position: absolute; z-index: 3; right: 18px; top: 22px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: linear-gradient(145deg, #5fe39a, #2fb879); color: #fff; font-style: normal; font-weight: 900; font-size: 20px; box-shadow: 0 10px 22px #0008, 0 0 0 4px #2fb87933;
  animation: sc3dPop 3s cubic-bezier(.3,1.6,.5,1) infinite; }
@keyframes sc3dPop { 0%,15% { scale: 0; } 30%,100% { scale: 1; } }
@media (max-width: 1099px) { .sc3d { width: 170px; height: 170px; } }
@media (prefers-reduced-motion: reduce) { .sc3d img, .sc3d::after, .sc3d .ring, .sc3d-glow, .sc3d-tick { animation: none; } }
.sc3d-speak { --g: #b9a3ff; } .sc3d-team { --g: #5fe39a; }
.sc3d-word { position: absolute; z-index: 3; top: 33%; left: 50%; translate: -50% 0; font-size: 24px; font-weight: 800; color: #5b3fd1; animation: sc3dFloat 5s ease-in-out infinite; white-space: nowrap; }
.sc3d-word { left: 0; right: 0; text-align: center; top: 31%; padding-left: 8px; font-size: 22px; }
.sc3d-hire { --g: #f2a35a; }