/* ============ RedX Polish — لمسات مستقبلية نهائية (بعد fx2.css) ============ */

/* أداء: رسم الأقسام البعيدة عند الوصول إليها فقط */
.sec,#trust,#proofs,#how{content-visibility:auto;contain-intrinsic-size:auto 900px}
img{content-visibility:auto}

/* عناوين الأقسام: تدرّج ذهبي يمرّ دوريًا */
.sec-h h2,.pin-h h2{
  background:linear-gradient(100deg,var(--cream) 0%,var(--cream) 38%,var(--gold) 50%,var(--cream) 62%,var(--cream) 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:polShine 8s ease-in-out 2.5s infinite;
}
@keyframes polShine{0%{background-position:115% 0}45%,100%{background-position:-65% 0}}

/* كروت: طبقة زجاجية دقيقة فوق الخلفية */
.card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,var(--ink2),#10030a);
}

/* أزرار: توهّج ذهبي عند التحويم */
@media(hover:hover){
  .btn{transition:transform .2s var(--e),background .25s,border-color .25s,box-shadow .35s}
  .btn:not(.pri):hover{border-color:var(--gold);box-shadow:0 12px 32px -14px rgba(232,199,126,.5)}
}

/* الهيدر: حد علوي مضيء */
.hdr-in{
  box-shadow:0 12px 40px -14px rgba(0,0,0,.9),
             inset 0 1px 0 rgba(255,246,234,.08),
             0 0 0 1px rgba(232,199,126,.05);
}

/* تحديد نص ذهبي */
::selection{background:var(--gold);color:var(--ink)}

/* تمرير أنعم */
::-webkit-scrollbar{width:8px;height:8px}

/* حقول: تركيز واضح */
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:0;border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(232,199,126,.18);
}

/* نافذة الدخول: قفزة أنعم */
.modal{transition:transform .45s cubic-bezier(.22,1.15,.36,1)}

/* بقعة ضوء تتبع المؤشر داخل البطاقات (تستخدم --mx/--my من polish.js) */
.card::after,.proof::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,-20%),rgba(232,199,126,.09),transparent 60%);
  opacity:0;transition:opacity .4s var(--e);
}
@media(hover:hover){.card:hover::after,.proof:hover::after{opacity:1}}

/* الجوال: ظلال أخف لأداء أفضل */
@media(max-width:1020px){
  .card{box-shadow:0 14px 34px -18px rgba(0,0,0,.8)}
}

@media(prefers-reduced-motion:reduce){
  .sec-h h2,.pin-h h2{animation:none;color:var(--cream);background:none}
}