/* ===== الاستجابة للأحجام ===== */
@media (max-width:1180px){
  .steps{grid-template-columns:repeat(3,1fr)}
  .nav__links a{padding:.45rem .65rem;font-size:.86rem}
}
@media (max-width:1024px){
  .hero{min-height:auto;padding-block:calc(var(--nav-h) + 26px) 54px}
  .hero__in{grid-template-columns:1fr;gap:34px}
  .hero__copy{order:1;text-align:start}
  .hero__stage{order:0}
  .stage3d{width:min(100%,520px);margin-inline:auto}
  .mach{grid-template-columns:1fr}
  .mach__stage{order:0}
  .quote__in{grid-template-columns:1fr}
  .foot__in{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .nav__links{position:fixed;inset-inline:12px;top:calc(var(--nav-h) + 6px);z-index:99;display:grid;gap:.2rem;
    padding:14px;border-radius:var(--r);border:1px solid var(--line2);background:rgba(12,8,5,.94);backdrop-filter:blur(18px);
    box-shadow:var(--sh2);opacity:0;visibility:hidden;transform:translateY(-14px) rotateX(-12deg);transform-origin:top center;
    transition:opacity var(--t),transform var(--t),visibility var(--t)}
  .nav.is-open .nav__links{opacity:1;visibility:visible;transform:none}
  .nav__links a{padding:.8rem 1rem;border-radius:12px;font-size:.95rem}
  .nav__burger{display:grid}
  .only-desk{display:none}
  .steps{grid-template-columns:repeat(2,1fr)}
  .statband{grid-template-columns:repeat(2,1fr)}
  .cursor{display:none}
}
@media (max-width:700px){
  .grid-3{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .mspecs{grid-template-columns:1fr}
  .quote__contact{grid-template-columns:1fr}
  .foot__in{grid-template-columns:1fr}
  .hero__title .w:last-child{margin-inline-start:0}
  .stage3d{aspect-ratio:1/1}
  .face{width:clamp(96px,30vw,150px)}
  .nav__name small{display:none}
  .floatwa{width:50px;height:50px;bottom:16px;inset-inline-end:16px}
  .toast{inset-inline:14px;transform:translate(0,150%);bottom:80px}
  .toast.is-on{transform:translate(0,0)}
  .mach__stage{aspect-ratio:1/1.02}
}
@media (max-width:420px){
  .hero__stats{grid-template-columns:1fr}
  .btn{padding:.8rem 1.15rem;font-size:.9rem}
  .marquee__row{gap:1.5rem}
}

/* ===== تقليل الحركة ===== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.12s !important}
  .reveal{opacity:1;transform:none}
  .marquee__row{animation:none}
  .preloader{transition:none}
}
@media print{
  .nav,.floatwa,.cursor,.marquee,.preloader{display:none}
  body{background:#fff;color:#111}
}