*,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'DM Sans', sans-serif;
      background: #0c0a09;
      color: #f5f0eb;
    }

    /* ── Animated gradient border for CTA */
    .cta-glow {
      background: linear-gradient(135deg, #d4882e, #c06d21, #dfa04e);
      background-size: 200% 200%;
      animation: glowShift 3s ease infinite;
    }

    @keyframes glowShift {

      0%,
      100% {
        background-position: 0% 50%;
      }

      50% {
        background-position: 100% 50%;
      }
    }

    /* ── Soft float animation */
    .float-subtle {
      animation: floatY 6s ease-in-out infinite;
    }

    @keyframes floatY {

      0%,
      100% {
        transform: translateY(0px);
      }

      50% {
        transform: translateY(-12px);
      }
    }

    /* ── Fade in on scroll */
    .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s cubic-bezier(.22, 1, .36, 1), transform 0.8s cubic-bezier(.22, 1, .36, 1);
    }

    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* ── Logo marquee */
    .marquee-track {
      display: flex;
      gap: 3rem;
      animation: marquee 40s linear infinite;
      width: max-content;
    }

    @keyframes marquee {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(-50%);
      }
    }

    [dir="rtl"] .marquee-track {
      animation-direction: reverse;
    }

    /* ── Modal backdrop */
    .modal-backdrop {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    /* ── Stat counter glow */
    .stat-number {
      text-shadow: 0 0 30px rgba(212, 136, 46, 0.4);
    }

    /* ── Testimonial card glass */
    .glass-card {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(10px);
    }

    /* ── Scroll CTA pulse */
    @keyframes pulse-ring {
      0% {
        box-shadow: 0 0 0 0 rgba(212, 136, 46, 0.5);
      }

      70% {
        box-shadow: 0 0 0 15px rgba(212, 136, 46, 0);
      }

      100% {
        box-shadow: 0 0 0 0 rgba(212, 136, 46, 0);
      }
    }

    .pulse-cta {
      animation: pulse-ring 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    }

    /* ── RTL / Arabic font support */
    .lang-ar {
      font-family: 'Cairo', 'DM Sans', sans-serif;
    }

    .lang-ar .font-heading {
      font-family: 'Cairo', serif;
    }

    .lang-ar .font-accent {
      font-family: 'Cairo', sans-serif;
    }