/* ===== Scoped Tokens & Reset ===== */
    #mq-hifz-hero{
      --ink:#0f2333; --muted:#5f7281;
      --navy:#0e4f78; --sky:#0a6aa1;
      --gold:#f5c76d; --gold-2:#e7ad38;
      --success:#11b49d;
      --bg1:#f2f8ff; --bg2:#eef6ff;
      --ring:rgba(15,35,51,.14);
      font-family:"Noto Kufi Arabic","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
      color:var(--ink); position:relative; isolation:isolate;
    }
    /* full-bleed bg */
    #mq-hifz-hero::before{
      content:""; position:absolute; inset:0; left:50%; transform:translateX(-50%);
      width:100vw; z-index:-1;
      background:
        radial-gradient(420px 420px at -6% 10%, rgba(245,199,109,.16), transparent 62%),
        radial-gradient(380px 380px at 108% 85%, rgba(231,173,56,.14), transparent 64%),
        linear-gradient(180deg,var(--bg1),var(--bg2));
      border-top:1px solid rgba(15,35,51,.08);
      border-bottom:1px solid rgba(15,35,51,.08);
    }
    #mq-hifz-hero, #mq-hifz-hero *{ box-sizing:border-box }

    /* ===== Container ===== */
    #mq-hifz-hero .inner{
      max-width:1200px; margin:0 auto;
      padding:clamp(24px,4vw,60px) clamp(16px,3vw,28px);
      display:grid; gap:clamp(18px,3vw,32px);
      grid-template-columns: 1.15fr .85fr; align-items:center;
    }

    /* ===== Text side ===== */
    #mq-hifz-hero h2{
      margin:0 0 10px; line-height:1.1; font-weight:900;
      font-size:clamp(26px,3.2vw,44px);
      background:linear-gradient(180deg,var(--navy),var(--sky));
      -webkit-background-clip:text; background-clip:text; color:transparent;
      letter-spacing:.2px; text-wrap:balance;
    }
    #mq-hifz-hero .lead{
      color:var(--muted); line-height:1.9; margin:0 0 10px; text-wrap:pretty;
    }
    #mq-hifz-hero .stack p{ margin:0 0 10px; color:var(--ink); line-height:1.85 }

    /* ===== CTAs (no heavy shadows) ===== */
    #mq-hifz-hero .ctas{ display:flex; gap:10px; flex-wrap:wrap; margin-top:8px }
    #mq-hifz-hero .btn{
      display:inline-block; text-decoration:none; cursor:pointer; user-select:none;
      padding:12px 18px; border-radius:12px; font-weight:900; line-height:1;
      border:1px solid rgba(10,106,161,.35);
      transition:transform .15s ease, filter .15s ease;
    }
    #mq-hifz-hero .btn.primary{
      background:linear-gradient(180deg,var(--sky),var(--navy)); color:#fff;
    }
    #mq-hifz-hero .btn.secondary{
      background:#fff; color:var(--navy);
      border-color:rgba(14,79,120,.35);
    }
    #mq-hifz-hero .btn:hover{ transform:translateY(-1px); filter:saturate(1.05) }

    /* ===== Image side ===== */
    #mq-hifz-hero .media{
      justify-self:end; width:min(520px,100%); position:relative;
      border-radius:18px; overflow:hidden; background:#fff;
      border:1px solid rgba(15,35,51,.08);
    }
    #mq-hifz-hero .media img{
      display:block; width:100%; height:auto; aspect-ratio: 5 / 7; object-fit:cover;
    }

    /* ===== Mobile ===== */
    @media (max-width:960px){
      #mq-hifz-hero .inner{ grid-template-columns:1fr; }
      #mq-hifz-hero .media{ order:-1; justify-self:center }
      #mq-hifz-hero h2{ text-align:center }
      #mq-hifz-hero .stack, #mq-hifz-hero .lead{ text-align:center }
      #mq-hifz-hero .ctas{ justify-content:center }
    }