/* Responsive Styles */
@media (max-width: 1100px) {
  :root{--container-pad:24px}
  .hero-grid,.about-split{gap:48px}
  .services-grid,.ai-grid{gap:16px}
  .stats-grid{gap:24px}
  .stat-big .num{font-size:54px}
  .footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
  .mega{min-width:600px}
}

@media (max-width: 980px) {
  section{padding:80px 0}

  /* إخفاء الشريط العلوي الأسود في الجوال */
  .topbar{display:none}

  /* تبديل قائمة الأب توب بزر الهامبرغر */
  .nav-links{display:none}
  .nav-cta{display:none}
  .nav-search{display:none}
  /* زر اللغة يبقى ظاهراً في الموبايل جنب الهامبرغر */
  .nav-mobile{display:flex}

  /* تبسيط زر اللغة في الموبايل: الكرة الأرضية + EN فقط، أصغر، جنب الهامبرغر */
  .nav-lang{height:38px;padding:0 11px;gap:5px;font-size:12px}
  .nav-lang-active,.nav-lang-sep{display:none}
  .nav-lang-alt{color:var(--ink);font-weight:600}
  .nav-inner{padding:24px 0}

  .hero{min-height:auto;padding:60px 0}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-image{max-width:480px;margin:0 auto}
  .about-split{grid-template-columns:1fr;gap:48px}
  .about-visual{aspect-ratio:1/1;max-width:520px;margin:0 auto}
  .about-text .features{grid-template-columns:1fr 1fr;max-width:none}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:48px 24px}
  .stat-big{border-right:none;padding:0}
  .stat-big .num{font-size:48px}
  .ai-grid{grid-template-columns:1fr;gap:16px}
  .services-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .svc-card{padding:32px 28px;min-height:auto}
  .footer-top{grid-template-columns:1fr 1fr;gap:48px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;text-align:right}
  .cta{padding:100px 0}
}

@media (max-width: 768px) {
  :root{--container-pad:20px}

  .brand{font-size:18px}
  .brand .brand-mark{width:32px;height:32px}

  .hero h1{margin-bottom:24px}
  .hero-desc{font-size:16px;margin-bottom:28px}
  .hero-actions{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:36px}
  .hero-actions .btn-primary,.hero-actions .btn-secondary{justify-content:center}
  .hero-trust{flex-wrap:wrap;gap:12px}
  .about-text p,.about-text .features{font-size:15px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:36px 20px}
  .stat-big .num{font-size:42px}
  .stat-big .label{font-size:13px}
  .stats-bar{padding:60px 0}
  .ai-card{padding:32px 24px}
  .ai-card h3{font-size:22px}
  .services-grid{grid-template-columns:1fr;gap:14px}
  .footer{padding:60px 0 24px}
  .footer-top{grid-template-columns:1fr;gap:36px}
  .footer-bottom-links{flex-direction:column;gap:8px;align-items:flex-start}
  .cta{padding:80px 0}
  .cta p{font-size:16px;margin-bottom:36px}
  .cta-buttons{flex-direction:column;align-items:stretch}
  .cta .btn-primary,.cta-outline{justify-content:center;width:100%}
}

@media (max-width: 600px) {
  section{padding:60px 0}
  .container{padding:0 16px}
  .section-title{font-size:32px;margin-bottom:20px}
  .section-lead{font-size:15px;line-height:1.75;margin-bottom:36px}
  .section-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}
  .hero h1{font-size:38px}
}