/* === FINAL MOBILE NAV + CTA RESPONSIVE FIX === */
@media(max-width:980px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  .site-header{padding:10px 0!important;}
  .site-header .container,.nav-wrap{width:100%!important;max-width:100%!important;}
  .nav-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;}
  .brand{min-width:0!important;max-width:calc(100vw - 78px)!important;overflow:hidden!important;flex:1 1 auto!important;}
  .brand b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;}
  .menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;margin-left:auto!important;padding:0!important;font-size:24px!important;line-height:1!important;background:#fff!important;color:var(--navy)!important;border:1px solid rgba(13,27,42,.14)!important;box-shadow:0 8px 22px rgba(13,27,42,.10)!important;position:relative!important;right:auto!important;z-index:99!important;}
  .main-nav.open{top:62px!important;left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;z-index:98!important;}
  .mobile-cta{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:62px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:hidden!important;box-sizing:border-box!important;}
  .mobile-cta a{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:8px 6px!important;font-size:14px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;}
  .whatsapp-float{right:14px!important;bottom:78px!important;}
}
@media(max-width:390px){
  .brand b{font-size:13px!important;}
  .brand-mark{width:34px!important;height:34px!important;min-width:34px!important;}
  .menu-toggle{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;}
  .mobile-cta a{font-size:13px!important;padding:7px 4px!important;}
}

/* ===== HRG-Inspired Premium Motion Layer v2 ===== */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),#fff2b3,var(--gold));z-index:100001;box-shadow:0 0 16px rgba(201,162,39,.55)}
body{overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--cursor-x,20%) var(--cursor-y,20%),rgba(201,162,39,.10),transparent 22%)}
.preloader{background:radial-gradient(circle at 50% 40%,rgba(201,162,39,.16),transparent 30%),#fff!important;z-index:100000!important;transition:opacity .7s ease,visibility .7s ease!important}.preloader span{position:relative!important;width:74px!important;height:74px!important;border:0!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;box-shadow:0 20px 60px rgba(13,27,42,.12)!important;display:grid!important;place-items:center!important;animation:loaderFloat 1.1s ease-in-out infinite alternate!important}.preloader span:before{content:"◇";color:var(--gold);font-size:38px;line-height:1}.preloader span:after{content:"Darwaish Financing";position:absolute;top:92px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--navy);font-weight:900;letter-spacing:.8px;font-size:13px}@keyframes loaderFloat{to{transform:translateY(-10px) scale(1.03)}}
.site-header{animation:navDrop .8s cubic-bezier(.2,.8,.2,1) .15s backwards}@keyframes navDrop{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.9),transparent);transform:translateX(-130%);animation:brandShine 4.5s ease-in-out infinite}@keyframes brandShine{0%,55%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}
.hero-slider{isolation:isolate}.hero-slider:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:105px;z-index:5;background:linear-gradient(180deg,transparent,#fff 88%);clip-path:polygon(0 42%,100% 0,100% 100%,0 100%);pointer-events:none}.hero-copy .eyebrow,.hero-copy h1,.hero-copy p,.hero-copy .hero-buttons{animation:heroTextUp .85s cubic-bezier(.2,.8,.2,1) backwards}.hero-copy h1{animation-delay:.18s}.hero-copy p{animation-delay:.34s}.hero-copy .hero-buttons{animation-delay:.48s}@keyframes heroTextUp{from{opacity:0;transform:translateY(34px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.hero-slide.active:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.28) 42%,transparent 58%);z-index:2;transform:translateX(-130%);animation:slideGloss 5.8s ease-in-out infinite}@keyframes slideGloss{0%,45%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
.hero-floating-card{position:absolute;z-index:6;right:7%;top:29%;width:245px;padding:18px;border-radius:26px;background:rgba(255,255,255,.76);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 70px rgba(13,27,42,.16);animation:floatCard 5s ease-in-out infinite}.hero-floating-card.card-two{top:auto;bottom:24%;right:15%;animation-delay:1.4s;width:220px}.hero-floating-card small{display:block;color:var(--gray);font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:11px}.hero-floating-card b{font-size:28px;color:var(--navy);line-height:1.15}.hero-floating-card i{display:block;height:7px;margin-top:12px;border-radius:999px;background:linear-gradient(90deg,var(--gold),#f5e6ac,var(--blue));background-size:200% 100%;animation:goldFlow 2s linear infinite}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes goldFlow{to{background-position:200% 0}}
.slider-arrow{position:absolute;z-index:7;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(13,27,42,.12);background:rgba(255,255,255,.76);backdrop-filter:blur(12px);box-shadow:0 16px 35px rgba(13,27,42,.12);font-size:25px;cursor:pointer;transition:.25s}.slider-arrow:hover{background:var(--gold);color:#111}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}
.hr-motion-section{position:relative;overflow:hidden}.hr-motion-section:after{content:"";position:absolute;left:-15%;right:-15%;top:45%;height:95px;background:linear-gradient(90deg,transparent,rgba(201,162,39,.18),rgba(22,58,107,.08),transparent);transform:rotate(-2deg);animation:wideWave 8s ease-in-out infinite alternate;pointer-events:none}.hr-motion-section>*{position:relative;z-index:1}@keyframes wideWave{to{transform:translateX(7%) rotate(2deg)}}
.glass-card:hover,.testimonial:hover{transform:translateY(-7px) rotateX(1deg);box-shadow:0 34px 85px rgba(13,27,42,.17)}.glass-card,.testimonial{transition:.35s ease}
.service-card span{animation:iconFloat 3.6s ease-in-out infinite}.service-card:nth-child(2n) span{animation-delay:.55s}.service-card:nth-child(3n) span{animation-delay:1s}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.expertise-strip{position:relative;overflow:hidden}.expertise-strip:after{content:"";position:absolute;top:0;bottom:0;width:160px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:stripLight 4s linear infinite}@keyframes stripLight{from{left:-180px}to{left:100%}}
.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;left:var(--mx,50%);top:var(--my,50%);width:0;height:0;border-radius:50%;background:rgba(255,255,255,.35);transform:translate(-50%,-50%);transition:width .35s,height .35s}.btn:hover:before{width:180px;height:180px}
.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-90px;top:20%;width:260px;height:260px;border:1px solid rgba(201,162,39,.22);border-radius:50%;animation:orbitRotate 18s linear infinite;pointer-events:none}
@media(max-width:980px){.hero-floating-card,.slider-arrow{display:none}.hero-slider:after{height:60px}.hr-motion-section:after{opacity:.5}.main-nav.open{animation:mobileMenuDrop .25s ease both}@keyframes mobileMenuDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:620px){.hero-copy .eyebrow,.hero-copy h1,.hero-copy p,.hero-copy .hero-buttons{animation:none}.hero-slider:after{display:none}.preloader span:after{font-size:12px}.site-header .container{padding-left:12px!important;padding-right:12px!important}.mobile-cta{backdrop-filter:blur(14px);background:rgba(255,255,255,.94)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
