/* ============================================================
   فرص الاستثمار — أنماط خاصة بهذه الصفحة وحدها.
   المُحدِّدات مسبوقة بـiv- تجنّباً لأي تعارض مع site.css.
   ============================================================ */

.iv-open, .iv-stats, .iv-why, .iv-ops, .iv-season, .iv-journey, .iv-partners, .iv-cta{
  --iv-pad: clamp(46px, 4.8vw, 74px);
}
.iv-inner{max-width:1180px; margin:0 auto; padding-inline:28px;}

.iv-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-head); font-size:11.5px; font-weight:700;
  color:var(--teal); background:var(--mint-pale);
  border:1px solid rgba(31,120,116,.16); padding:6px 15px; border-radius:999px;
}
.iv-eyebrow::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--teal);}
.iv-eyebrow-light{color:var(--mint); background:rgba(179,222,202,.10); border-color:rgba(179,222,202,.24);}
.iv-eyebrow-light::before{background:var(--mint);}
.iv-head{margin-bottom:clamp(26px,3vw,38px); max-width:72ch;}
.iv-head h2{
  font-family:var(--font-head); color:var(--navy);
  font-size:clamp(22px,2.6vw,32px); font-weight:800; line-height:1.3; margin-top:13px;
}
.iv-head-light h2{color:#fff;}
.iv-head-lede{margin-top:12px; font-size:15px; line-height:1.95; color:#4b5f72;}
.iv-head-light .iv-head-lede{color:rgba(255,255,255,.76);}
.iv-head-lede p{margin:0 0 10px;}
.iv-head-lede p:last-child{margin-bottom:0;}

/* ---------- الأزرار ---------- */
.iv-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:14px 30px; border-radius:999px; font-weight:700; font-size:14.5px;
  border:1px solid rgba(255,255,255,.22); color:#fff;
  transition:background .3s ease, color .3s ease, transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .3s ease;
}
.iv-btn.is-primary{background:linear-gradient(120deg, var(--teal), var(--teal-soft)); border-color:transparent; color:#fff;}
.iv-btn:hover{transform:translateY(-2px); box-shadow:0 16px 30px -14px rgba(31,120,116,.6);}
.iv-btn svg{width:16px; height:16px;}
/* على الخلفيات الفاتحة */
.iv-ops .iv-btn, .iv-cta .iv-btn{border-color:var(--line); color:var(--navy); background:#fff;}
.iv-ops .iv-btn.is-primary, .iv-cta .iv-btn.is-primary{
  background:linear-gradient(120deg, var(--teal), var(--teal-soft)); color:#fff; border-color:transparent;
}
.iv-btn.is-ghost:hover{border-color:var(--teal); color:var(--teal); background:var(--mint-pale);}

/* ---------- الافتتاحية ---------- */
.iv-open{
  position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(152deg, #04203A 0%, var(--navy) 54%, #0B3A5E 100%);
  color:#fff; padding:clamp(84px,8.6vw,126px) 0 clamp(56px,5.6vw,80px);
}
.iv-open-bg{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(56% 74% at 88% 8%, rgba(44,148,142,.26), transparent 60%),
    radial-gradient(44% 60% at 6% 96%, rgba(65,127,193,.16), transparent 62%);
}
.iv-open-in{display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,4vw,56px); align-items:center;}
.iv-kicker{
  display:inline-block; font-family:var(--font-head); font-size:12.5px; font-weight:700;
  color:var(--mint); background:rgba(179,222,202,.10);
  border:1px solid rgba(179,222,202,.22); padding:7px 16px; border-radius:999px; margin-bottom:18px;
}
.iv-open h1{
  font-family:var(--font-head); font-weight:800; color:#fff;
  font-size:clamp(27px,3.7vw,45px); line-height:1.24; letter-spacing:-.5px;
  max-width:min(680px,100%); text-wrap:balance;
}
.iv-lede{margin-top:16px; max-width:60ch; font-size:clamp(14.5px,1.3vw,16.5px); line-height:1.9; color:rgba(255,255,255,.78);}
.iv-open-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px;}

/* لوحة حركية: أعمدة تنمو وخطّ اتجاه يُرسم */
.iv-chart{position:relative; aspect-ratio:1/.78; display:grid; place-items:end center; isolation:isolate;}
.iv-chart-glow{
  position:absolute; inset:8% 6%; z-index:-1; border-radius:50%;
  background:radial-gradient(circle at 60% 60%, rgba(31,120,116,.5), transparent 66%);
  filter:blur(42px);
}
.iv-bars{
  display:flex; align-items:flex-end; justify-content:center; gap:clamp(10px,1.6vw,20px);
  width:86%; height:78%;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.iv-bar{
  flex:1; height:var(--h); border-radius:4px 4px 0 0; transform-origin:bottom;
  background:linear-gradient(180deg, rgba(179,222,202,.9), rgba(31,120,116,.42));
  box-shadow:0 -8px 26px -12px rgba(179,222,202,.8);
}
.iv-trend{
  position:absolute; inset:auto 7% 16% 7%; height:52%; width:86%;
  color:var(--mint); opacity:.9; pointer-events:none;
}
.iv-trend path{stroke-dasharray:340; stroke-dashoffset:340;}

@media (prefers-reduced-motion: no-preference){
  .iv-bar{animation:iv-grow 1s cubic-bezier(.16,1,.3,1) both, iv-pulse 4.4s ease-in-out infinite;
          animation-delay:calc(var(--i) * 110ms), calc(var(--i) * 220ms);}
  .iv-trend path{animation:iv-draw 2.2s cubic-bezier(.16,1,.3,1) .7s forwards;}
  @keyframes iv-grow{from{scale:1 0; opacity:0;} to{scale:1 1; opacity:1;}}
  @keyframes iv-pulse{0%,100%{filter:brightness(1);} 50%{filter:brightness(1.22);}}
  @keyframes iv-draw{to{stroke-dashoffset:0;}}
}
@media (prefers-reduced-motion: reduce){ .iv-trend path{stroke-dashoffset:0;} }

/* ---------- المؤشّرات ---------- */
.iv-stats{padding:var(--iv-pad) 0; background:var(--paper-tint);}
.iv-stat-grid{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));
  gap:1px; background:var(--line); border:1px solid var(--line);
}
.iv-stat-grid li{background:#fff; padding:24px 22px; text-align:center; transition:background .3s ease;}
.iv-stat-grid li:hover{background:var(--mint-pale);}
.iv-stat-grid b{display:block; font-family:var(--font-head); font-size:clamp(22px,2.4vw,30px); font-weight:800; color:var(--navy); line-height:1.1;}
.iv-stat-grid span{display:block; margin-top:7px; font-size:12.5px; line-height:1.6; color:#7c8b99;}

/* ---------- المزايا ---------- */
.iv-why{padding:var(--iv-pad) 0; background:#fff;}
.iv-perks{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:16px;
}
.iv-perks li{
  display:flex; flex-direction:column; gap:9px;
  background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm); padding:24px 22px 26px;
  transition:transform .42s cubic-bezier(.16,1,.3,1), box-shadow .42s ease, border-color .35s ease;
}
.iv-perks li:hover{transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:rgba(31,120,116,.3);}
.iv-perk-ic{
  width:46px; height:46px; border-radius:50%; margin-bottom:5px;
  background:var(--mint-pale); color:var(--teal);
  display:flex; align-items:center; justify-content:center;
  transition:background .35s ease, color .35s ease;
}
.iv-perk-ic svg{width:21px; height:21px;}
.iv-perks li:hover .iv-perk-ic{background:var(--teal); color:#fff;}
.iv-perks b{font-family:var(--font-head); font-size:16px; font-weight:800; color:var(--navy); line-height:1.5;}
.iv-perks span{font-size:13.8px; line-height:1.85; color:#5d7285;}

/* ---------- الفرص ---------- */
.iv-ops{padding:var(--iv-pad) 0; background:var(--paper-tint);}
.iv-op-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr)); gap:20px;}
.iv-op{
  display:flex; flex-direction:column; overflow:hidden; background:#fff;
  border:1px solid var(--line); box-shadow:var(--shadow-sm);
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease, border-color .35s ease;
}
.iv-op:hover{transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(31,120,116,.3);}
.iv-op-img{position:relative; margin:0; aspect-ratio:16/10; overflow:hidden; background:var(--paper-tint);}
.iv-op-img img{width:100%; height:100%; object-fit:cover; display:block; transition:scale .6s cubic-bezier(.16,1,.3,1);}
.iv-op:hover .iv-op-img img{scale:1.04;}
.iv-op-season{
  position:absolute; top:14px; inset-inline-start:14px;
  background:rgba(5,34,62,.86); backdrop-filter:blur(4px); color:#fff;
  font-size:11.5px; font-weight:700; padding:6px 14px; border-radius:999px;
}
.iv-op-body{display:flex; flex-direction:column; flex:1; padding:22px;}
.iv-op-body h3{font-family:var(--font-head); font-size:clamp(16.5px,1.8vw,19px); font-weight:800; color:var(--navy); line-height:1.5;}
.iv-op-desc{margin-top:10px; font-size:14px; line-height:1.85; color:#5d7285;}
.iv-op-meta{list-style:none; margin:16px 0 0; padding:14px 0 0; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:9px;}
.iv-op-meta li{display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:13.2px;}
.iv-op-meta span{color:#8394a3;}
.iv-op-meta b{color:var(--navy); font-weight:700; text-align:end;}
.iv-op-cta{
  display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:18px;
  font-size:13.8px; font-weight:800; color:var(--teal);
}
.iv-op-cta svg{width:15px; height:15px; transition:transform .35s cubic-bezier(.16,1,.3,1);}
.iv-op:hover .iv-op-cta svg{transform:translateX(-5px);}

/* حالة فارغة */
.iv-empty{
  text-align:center; background:#fff; border:1px dashed var(--line);
  padding:clamp(40px,5vw,68px) 28px;
}
.iv-empty-ic{
  width:64px; height:64px; border-radius:50%; margin:0 auto 18px;
  background:var(--mint-pale); color:var(--teal);
  display:flex; align-items:center; justify-content:center;
}
.iv-empty-ic svg{width:29px; height:29px;}
.iv-empty h3{font-family:var(--font-head); font-size:clamp(19px,2.2vw,24px); font-weight:800; color:var(--navy);}
.iv-empty p{margin:12px auto 0; max-width:54ch; font-size:14.5px; line-height:1.9; color:#5d7285;}
.iv-empty-actions{display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:26px;}

/* ---------- الفرص الموسمية ---------- */
.iv-season{padding:var(--iv-pad) 0; background:#fff;}
.iv-season-list{list-style:none; margin:0; padding:0; border-top:1px solid var(--line);}
.iv-season-list li{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  padding:16px 12px; border-bottom:1px solid var(--line);
  transition:background .3s ease, padding-inline-start .35s cubic-bezier(.16,1,.3,1);
}
.iv-season-list li:hover{background:var(--paper-tint); padding-inline-start:20px;}
.iv-season-tag{
  font-size:11.5px; font-weight:700; color:var(--teal);
  background:var(--mint-pale); border:1px solid rgba(31,120,116,.16);
  padding:4px 13px; border-radius:999px; flex-shrink:0;
}
.iv-season-list b{flex:1; font-family:var(--font-head); font-size:15.5px; font-weight:800; color:var(--navy); min-width:0;}
.iv-season-list a{font-size:13.5px; font-weight:800; color:var(--teal); flex-shrink:0;}

/* ---------- رحلة الاستثمار ---------- */
.iv-journey{
  position:relative; overflow:hidden; isolation:isolate;
  padding:var(--iv-pad) 0; color:#fff;
  background:linear-gradient(140deg, #04203A, var(--navy) 58%, #0A3457);
}
.iv-journey-bg{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:repeating-linear-gradient(118deg, rgba(255,255,255,.028) 0 1px, transparent 1px 30px);
}
.iv-steps{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:18px;
}
.iv-steps > li{
  display:flex; gap:16px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  padding:24px 22px; transition:background .35s ease, border-color .35s ease;
}
.iv-steps > li:hover{background:rgba(255,255,255,.09); border-color:rgba(179,222,202,.34);}
.iv-step-num{
  flex-shrink:0; font-family:'Roboto',sans-serif; font-size:15px; font-weight:800;
  color:var(--mint); opacity:.8; letter-spacing:.5px;
}
.iv-step-body{flex:1; min-width:0;}
.iv-step-body b{display:block; font-family:var(--font-head); font-size:16.5px; font-weight:800; color:#fff; line-height:1.5;}
.iv-step-body ul{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:8px;}
.iv-step-body ul li{display:flex; align-items:flex-start; gap:9px; font-size:13.5px; line-height:1.7; color:rgba(255,255,255,.8);}
.iv-step-body svg{width:15px; height:15px; color:var(--mint); flex-shrink:0; margin-top:3px;}

/* ---------- الشركاء ---------- */
.iv-partners{padding:var(--iv-pad) 0; background:var(--paper-tint);}
.iv-partner-grid{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr)); gap:14px;
}
.iv-partner-grid li{
  background:#fff; border:1px solid var(--line); padding:20px;
  display:flex; align-items:center; justify-content:center; min-height:96px;
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease;
}
.iv-partner-grid li:hover{transform:translateY(-3px); box-shadow:var(--shadow-sm);}
.iv-partner-grid img{max-width:100%; max-height:52px; width:auto; filter:grayscale(1); opacity:.72; transition:filter .35s ease, opacity .35s ease;}
.iv-partner-grid li:hover img{filter:none; opacity:1;}

/* ---------- الدعوة ---------- */
.iv-cta{padding:var(--iv-pad) 0; background:#fff;}
.iv-cta-in{
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  background:var(--mint-pale); border:1px solid rgba(31,120,116,.18); padding:clamp(26px,3vw,40px);
}
.iv-cta h2{font-family:var(--font-head); font-size:clamp(20px,2.3vw,27px); font-weight:800; color:var(--navy); line-height:1.4;}
.iv-cta p{margin-top:8px; font-size:14.5px; line-height:1.85; color:#41566a; max-width:56ch;}

/* ---------- الحركة ---------- */
@media (prefers-reduced-motion: no-preference){
  [data-reveal] .iv-stat-grid li,
  [data-reveal] .iv-perks li,
  [data-reveal] .iv-op,
  [data-reveal] .iv-steps > li,
  [data-reveal] .iv-partner-grid li,
  [data-reveal] .iv-season-list li{
    animation:iv-rise .64s cubic-bezier(.16,1,.3,1) both;
    animation-delay:calc(var(--i,0) * 70ms);
    animation-play-state:paused;
  }
  [data-reveal].in-view .iv-stat-grid li,
  [data-reveal].in-view .iv-perks li,
  [data-reveal].in-view .iv-op,
  [data-reveal].in-view .iv-steps > li,
  [data-reveal].in-view .iv-partner-grid li,
  [data-reveal].in-view .iv-season-list li{animation-play-state:running;}
  @keyframes iv-rise{from{opacity:0; translate:0 14px;} to{opacity:1; translate:0 0;}}
}

/* ---------- الاستجابة ---------- */
@media (max-width:900px){
  .iv-open-in{grid-template-columns:1fr;}
  .iv-chart{order:-1; aspect-ratio:1/.5;}
}
@media (max-width:560px){
  .iv-inner{padding-inline:20px;}
  .iv-btn{width:100%;}
  .iv-cta-in .iv-btn, .iv-empty-actions .iv-btn{width:100%;}
  .iv-season-list li{align-items:flex-start; flex-direction:column; gap:8px;}
}