/* ===== Base ===== */
#sol-page {
  --bg1:#0b0f15; --bg2:#0a0d12;
  --ink:#e6eaf1; --muted:#9aa3b2;
  --brand:#10b981; --brand2:#059669; --accent:#3b82f6;
  --panel:#0f1520; --line:#1e2633;
  --radius:18px; --shadow:0 16px 42px rgba(0,0,0,.45);
  background:
    radial-gradient(900px 520px at 18% -10%, rgba(255,59,59,.10), transparent),
    radial-gradient(800px 560px at 84% 120%, rgba(167,139,250,.08), transparent),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  color:var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
}
#sol-page .container{max-width:1200px;margin-inline:auto;padding:clamp(56px,8vw,100px) 20px;}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;}
.reveal.show{opacity:1;transform:translateY(0);}
.h2{font-size:clamp(24px,4.2vw,34px);margin:0 0 18px;font-weight:1000;letter-spacing:-.02em}

/* ===== HERO ===== */
#sol-hero {
  text-align: center; /* توسيط كل المحتوى */
}

#sol-hero .kicker {
  color: var(--muted);
  margin: 0 0 8px;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 18px;
}

#sol-hero .title {
  font-family: "Cairo", sans-serif;
  font-size: clamp(34px, 6.4vw, 72px);
  margin: 0 auto;
  line-height: 1.2;
  font-weight: 900;
  max-width: 18ch; /* يمنع النص يصير عريض بزيادة */
}

#sol-hero .title .grad {
  /* 🛑 هذا السطر هو الأهم: نستخدم الألوان الجديدة التي تم تعريفها */
  background-image: linear-gradient(90deg, var(--accent), var(--brand)); 
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* 🟢 التغيير: ظل أزرق خفيف ليناسب الخلفية الجديدة */
  text-shadow: 0 8px 28px rgba(59,130,246,.25); 
}

#sol-hero .sub {
  font-family: "Tajawal", sans-serif;
  font-size: 20px;
  color: var(--muted);
  margin: 14px auto 22px;
  max-width: 55ch;
  line-height: 1.6;
}

#sol-hero .hero-points {
  display: flex;
  justify-content: center; /* توسيط العناصر */
  flex-wrap: wrap;
  gap: 12px;
  margin: 22px 0;
}

#sol-hero .hp {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  background: color-mix(in oklab, var(--panel) 88%, transparent);
  padding: 10px 16px;
  border-radius: 999px;
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
}

#sol-hero .hp svg {
  width: 18px;
  height: 18px;
  opacity: .8;
}

#sol-hero .cta {
  display: inline-block;
  margin-top: 12px;
  padding: 14px 28px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand), var(--brand2));
  color: #fff;
  font-family: "Cairo", sans-serif;
  font-weight: 800;
  font-size: 18px;
  box-shadow: 0 10px 26px rgba(255,59,59,.25);
}


/* ===== PILLARS ===== */
#sol-pillars {
  text-align: center; /* يخلي العنوان في النص */
}

#sol-pillars .h2 {
  margin-bottom: 28px;
  font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif; /* خط عربي أنيق */
  font-weight: 800;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.3;
  color: #ffffff; /* يخليه واضح على الخلفية الداكنة */
}

#sol-pillars .grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media(max-width:980px) {
  #sol-pillars .grid3 { grid-template-columns: 1fr; }
}

#sol-pillars .card {
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(255,59,59,.06), rgba(167,139,250,.06)), var(--panel);
  padding: 28px 22px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  text-align: center;               /* ✅ توسيط النصوص */
  opacity: 0;                       /* ✅ عشان الأنيميشن */
  transform: translateY(40px);      /* ✅ ينزل من تحت */
  transition: opacity .8s ease, transform .8s ease;
}

#sol-pillars .card.show {
  opacity: 1;
  transform: translateY(0);
}

#sol-pillars .card h3 {
  margin: 0 0 12px;
  font-family: 'Cairo', sans-serif; /* ✅ خط عناوين */
  font-weight: 800;
  font-size: 20px;
}

#sol-pillars .card p {
  color: var(--muted);
  line-height: 1.6;
  font-family: 'IBM Plex Sans Arabic', sans-serif; /* ✅ خط النصوص */
  font-weight: 400;
  font-size: 16px;
}


/* ===== HOW IT WORKS ===== */
#sol-how {
  text-align: center; /* يخلي العنوان في النص */
}

#sol-how .h2 {
  margin-bottom: 28px;
  font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif;
  font-weight: 800;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.3;
  color: #ffffff;
}

#sol-how .steps {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  counter-reset: st;
}

@media(max-width:980px){
  #sol-how .steps { grid-template-columns:1fr }
}

#sol-how .steps li {
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;

  /* نفس الانميشن */
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s ease, transform .7s ease;
}

#sol-how .steps li.show {
  opacity: 1;
  transform: translateY(0);
}

#sol-how .steps .num {
  position: absolute;
  inset-inline-start: 14px;
  top: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(90deg,var(--accent),var(--brand));
  font-weight: 900;
  color: #fff;
}

/* ===== Simple ROI • Ultra Pro ===== */
/* ===== Colors / Base for this section only ===== */
#sol-roi {
  --bg:#0b0f15;
  --panel:#0f1520;
  --line:#1e2633;
  --ink:#e6eaf1;
  --muted:#9aa3b2;
  --brand:#ff3b3b;
  --brand2:#b00000;
  --accent:#ff7e29;
  --green:#10b981;
  --blue:#3b82f6;
  --radius:18px;
  --shadow:0 16px 42px rgba(0,0,0,.45);
  color:var(--ink);

  /* ✅ الخطوط الافتراضية للقسم */
  font-family: 'Tajawal', 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

#sol-roi .container {
  max-width:1200px;
  margin-inline:auto;
  padding:clamp(40px,5.5vw,80px) 20px;
}
#sol-roi .head { 
  text-align:center; 
  margin-bottom:8px; 
}
#sol-roi .h2 {
  font-size:clamp(26px,4vw,38px);
  margin:0 0 12px;
  font-weight:900;
  line-height:1.3;
  font-family: 'Cairo', 'Tajawal', sans-serif;  /* ✅ عناوين رئيسية */
  color:#ffffff;
}
#sol-roi .head .hint {
  color:var(--muted);
  margin:0 0 14px;
  font-family: 'IBM Plex Sans Arabic', sans-serif; /* ✅ للنصوص الصغيرة */
  font-weight:400;
  font-size:16px;
  line-height:1.6;
}

/* ===== Cards ===== */
#sol-roi .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
@media (max-width:1100px){#sol-roi .cards{grid-template-columns:1fr 1fr}}
@media (max-width:760px){#sol-roi .cards{grid-template-columns:1fr}}
#sol-roi .card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px; position:relative; overflow:hidden;
  box-shadow:var(--shadow);
  transition:transform .25s ease, box-shadow .25s ease;
}
#sol-roi .card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,0,0,.55)}
#sol-roi .card:before{content:"";position:absolute;inset:-30% -30% auto auto;height:180px;width:180px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,59,59,.12),transparent);filter:blur(2px)}
#sol-roi .card.after:before{background:radial-gradient(closest-side,rgba(16,185,129,.14),transparent)}
#sol-roi .card.delta:before{background:radial-gradient(closest-side,rgba(59,130,246,.14),transparent)}
#sol-roi .card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#sol-roi .card h3 {
  font-family:'Cairo','Tajawal',sans-serif;
  font-weight:800;
  font-size:20px;
  margin:0 0 10px;
}
#sol-roi .chip{font-size:12px;padding:6px 10px;border-radius:999px;font-weight:900}
#sol-roi .chip-danger{background:rgba(255,59,59,.16);color:#fecaca;border:1px solid rgba(255,59,59,.25)}
#sol-roi .chip-success{background:rgba(16,185,129,.16);color:#a7f3d0;border:1px solid rgba(16,185,129,.25)}
#sol-roi .chip-info{background:rgba(59,130,246,.16);color:#bfdbfe;border:1px solid rgba(59,130,246,.25)}

/* People grid */
#sol-roi .people{
  display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;
  background:#0b1018;border:1px solid var(--line);border-radius:14px;padding:12px;min-height:120px
}
#sol-roi .people span{
  display:block;width:100%;aspect-ratio:1/1;border-radius:6px;background:#0f1724;opacity:.45;transform:scale(.94);
  transition:opacity .35s ease, transform .35s ease, background .35s ease, box-shadow .35s ease;
}
#sol-roi .before .people span.filled{
  background:linear-gradient(90deg,var(--accent),var(--brand));opacity:1;transform:scale(1);box-shadow:0 4px 14px rgba(255,59,59,.18)
}
#sol-roi .after .people span.filled{
  background:linear-gradient(90deg,var(--green),var(--blue));opacity:1;transform:scale(1);box-shadow:0 4px 14px rgba(59,130,246,.18)
}
#sol-roi .note {
  font-family:'IBM Plex Sans Arabic',sans-serif;
  font-weight:400;
  font-size:15px;
  line-height:1.7;
  color:var(--muted);
}
#sol-roi .note .n-wrap{display:inline-grid;min-width:40px}
#sol-roi .note .n{font-size:18px}

/* Ring */
#sol-roi .gain-viz{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}
@media (max-width:520px){#sol-roi .gain-viz{grid-template-columns:1fr}}
#sol-roi .ring{position:relative;width:130px;aspect-ratio:1/1}
#sol-roi .meter{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(#34d399 0% 50%, #1f2937 50% 100%);
  box-shadow:inset 0 0 0 12px var(--panel), 0 0 0 1px var(--line);
}
#sol-roi .center{
  position:absolute;inset:12px;border-radius:50%;background:var(--panel);border:1px solid var(--line);
  display:grid;place-items:center;text-align:center;padding:8px
}
#sol-roi .center span{font-size:26px;font-weight:1000}
#sol-roi .center small{display:block;color:var(--muted);margin-top:2px}
#sol-roi .legend{display:flex;gap:12px;color:var(--muted)}
#sol-roi .dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;background:#1f2937}
#sol-roi .dot-danger{background:linear-gradient(90deg,var(--accent),var(--brand))}
#sol-roi .dot-success{background:linear-gradient(90deg,var(--green),var(--blue))}

/* Inputs (numbers) */
#sol-roi .calc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:18px 0 8px}
@media (max-width:980px){#sol-roi .calc{grid-template-columns:1fr}}
#sol-roi .field label{display:block;color:var(--muted);margin-bottom:6px}
#sol-roi .field{width:100%}
#sol-roi .field input[type="number"]{
  width:100%;padding:14px 16px;background:#0b1018;border:1px solid var(--line);border-radius:10px;color:var(--ink);
  font-size:16px;-webkit-appearance:none;-moz-appearance:textfield
}
#sol-roi .field input[type="number"]::placeholder{color:#7d8592;opacity:1}

/* Results */
#sol-roi .result-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
@media (max-width:980px){#sol-roi .result-panels{grid-template-columns:1fr}}
#sol-roi .r-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;box-shadow:var(--shadow)}
#sol-roi .r-card .label{color:var(--muted);margin-bottom:8px;font-weight:900}
#sol-roi .r-card .bar{height:12px;background:#0f1724;border-radius:999px;overflow:hidden;margin-bottom:6px}
#sol-roi .r-card .bar span{display:block;height:100%;width:0;transition:width .8s cubic-bezier(.2,.8,.2,1)}
#sol-roi .r-card.now .bar span{background:linear-gradient(90deg,var(--accent),var(--brand))}
#sol-roi .r-card.with .bar span{background:linear-gradient(90deg,var(--green),var(--blue))}
#sol-roi .r-card .value {
  font-family:'Cairo','Tajawal',sans-serif;
  font-weight:900;
  font-size:clamp(20px,3.6vw,26px);
}
#sol-roi .r-card.gain .value{color:#a7f3d0}
#sol-roi .mini,
#sol-roi .foot {
  font-family:'IBM Plex Sans Arabic',sans-serif;
  font-size:14px;
  line-height:1.6;
  color:var(--muted);
}

/* Assumptions */
#sol-roi .assumptions{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px}
#sol-roi .assumptions summary{cursor:pointer;font-weight:900}
#sol-roi .ass-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:10px}
@media (max-width:760px){#sol-roi .ass-grid{grid-template-columns:1fr}}
#sol-roi .btn-reset{align-self:end;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:#0b1018;color:var(--ink);font-weight:800}

/* Range (قبل) */
#sol-roi input[type="range"]{
  -webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;outline:none;
  background:
    linear-gradient(90deg,var(--accent),var(--brand)) no-repeat,
    #0f1724;
  background-size:var(--fill,0%) 100%, 100% 100%;
  border:1px solid transparent;
}
#sol-roi input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 0 0 4px rgba(255,59,59,.15)
}
#sol-roi input[type="range"]::-moz-range-thumb{
  width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 0 0 4px rgba(255,59,59,.15)
}
#sol-roi .ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:6px}

/* After (readonly) look */
#sol-roi .field.readonly .auto-val{
  border:1px dashed #334155;background:#0b1018;padding:12px 14px;border-radius:10px;font-weight:800;color:#a7f3d0;
  display:flex;align-items:center;justify-content:center;gap:6px
}
#sol-roi .field.readonly label::after{
  content:" (تلقائي)";color:#7d8592;font-weight:700;margin-inline-start:6px;font-size:12px
}

/* Accessibility */
@media (prefers-reduced-motion:reduce){
  #sol-roi .card,#sol-roi .r-card .bar span{transition:none !important}
}



/* ===== FEATURES ===== */
#sol-features {
  text-align: center; /* ✅ يخلي العنوان والفقرات في النص */
  padding: clamp(40px, 5vw, 70px) 20px;
}

#sol-features .h2 {
  margin-bottom: 28px;
  font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif; /* ✅ خط عناوين رئيسية */
  font-weight: 800;
  font-size: clamp(26px, 4vw, 36px);
  line-height: 1.3;
  color: #ffffff;
}

#sol-features .grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media(max-width:980px) {
  #sol-features .grid3 { grid-template-columns:1fr; }
}

#sol-features .fcard {
  border: 1px solid var(--line);
  background: var(--panel);
  padding: 28px 22px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  transition: transform .25s ease;
  text-align: center;  /* ✅ توسيط النص داخل البطاقة */
  opacity: 0;          /* ✅ انميشن دخول */
  transform: translateY(30px);
  transition: opacity .7s ease, transform .7s ease;
}

#sol-features .fcard.show {
  opacity: 1;
  transform: translateY(0);
}

#sol-features .fcard h3 {
  margin: 0 0 12px;
  font-family: 'Cairo', 'Tajawal', sans-serif; /* ✅ خط عناوين البطاقات */
  font-weight: 800;
  font-size: 20px;
  color: #ffffff;
}

#sol-features .fcard p {
  font-family: 'IBM Plex Sans Arabic', sans-serif; /* ✅ خط النصوص */
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: var(--muted);
}


/* ===== REVIEWS / TESTIMONIALS ===== */
#sol-reviews {
  text-align: center;
  padding: 60px 20px;
}

#sol-reviews .h2 {
  margin-bottom: 32px;
  font-family: 'Tajawal','Cairo','Noto Kufi Arabic',sans-serif;
  font-weight: 800;
  font-size: clamp(28px,4vw,38px);
  color: #fff;
}

#sol-reviews .reviews-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
@media(max-width:980px){ #sol-reviews .reviews-grid { grid-template-columns:1fr; } }

#sol-reviews .review {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--shadow);
  text-align: center;

  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s ease, transform .7s ease;
}
#sol-reviews .review.show {
  opacity: 1;
  transform: translateY(0);
}

#sol-reviews .stars {
  color: #facc15; /* ذهبي */
  font-size: 20px;
  margin-bottom: 12px;
}

#sol-reviews blockquote {
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink);
  margin-bottom: 18px;
}

#sol-reviews .user {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#sol-reviews .user img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid var(--accent);
}

#sol-reviews .user b {
  display: block;
  font-size: 15px;
  color: #fff;
}

#sol-reviews .user small {
  color: var(--muted);
  font-size: 13px;
}


/* ===== PRICING ===== */
#sol-pricing {
  text-align: center; /* ✅ توسيط العناوين والنصوص */
}

#sol-pricing .h2 {
  margin-bottom: 28px;
  font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif; /* خط عناوين */
  font-weight: 800;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.3;
  color: #ffffff;
}

#sol-pricing .pricing {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  justify-items: center; /* ✅ يخلي البطاقات بالنص */
}

#sol-pricing .pcard {
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(255,59,59,.06), rgba(255,126,41,.06)), var(--panel);
  border-radius: calc(var(--radius) + 6px);
  padding: 32px 28px;   /* ✅ زيادة التباعد الداخلي */
  box-shadow: var(--shadow);
  max-width: 700px;     /* ✅ عرض أكبر للبطاقة */
  width: 100%;          /* ✅ تملأ مساحة الشبكة */
  text-align: center;   /* ✅ المحتوى بالنص */
  transition: transform .25s ease, box-shadow .25s ease;
}

#sol-pricing .pcard:hover {
  transform: translateY(-6px); /* ✅ حركة أوضح عند الهوفر */
  box-shadow: 0 28px 60px rgba(0,0,0,.6);
}

#sol-pricing .pcard .head h3 {
  margin: 0 0 12px;
  font-family: 'Cairo', sans-serif;
  font-weight: 800;
  font-size: 22px;
  color: #fff;
}

#sol-pricing .list {
  margin: 14px 0;
  padding: 0;
  list-style: none;
}
#sol-pricing .list li {
  margin: 8px 0;
  color: var(--muted);
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

#sol-pricing .price {
  display: grid;
  gap: 6px;
  margin: 14px 0;
  color: var(--muted);
  font-family: 'Tajawal', sans-serif;
  font-weight: 700;
  font-size: 18px;
}

#sol-pricing .cta.wide {
  display: block;
  text-align: center;
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  background: linear-gradient(90deg, var(--brand), var(--brand2));
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  transition: transform .25s ease, box-shadow .25s ease;
}
#sol-pricing .cta.wide:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255,59,59,.25);
}

#sol-pricing .guarantee {
  color: #a7f3d0;
  margin-top: 10px;
  font-family: 'Tajawal', sans-serif;
  font-size: 14px;
}


/* ===== FAQ ===== */
#sol-faq {
  text-align: center; /* ✅ توسيط العنوان */
  padding: 40px 20px;
}

#sol-faq .h2 {
  margin-bottom: 28px;
  font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif; /* ✅ خط عربي أنيق */
  font-weight: 800;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.3;
  color: #ffffff; /* ✅ واضح على الخلفية الداكنة */
}

#sol-faq .faq details {
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: 12px;
  padding: 14px;
  margin: 8px 0;
  text-align: right; /* ✅ محتوى الأسئلة يظل يمين */
  transition: background .3s ease;
}

#sol-faq .faq details:hover {
  background: rgba(255,255,255,0.03); /* ✅ تأثير خفيف عند المرور */
}

#sol-faq summary {
  cursor: pointer;
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #e6eaf1;
}

#sol-faq p {
  color: var(--muted);
  margin: 8px 0 0;
  line-height: 1.6;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 16px;
}


/* ===== FINAL CTA ===== */
#sol-final {
  text-align: center; /* ✅ توسيط كل المحتوى */
  padding: 60px 20px;
}

#sol-final .title {
  font-size: clamp(30px, 5.6vw, 50px);
  margin: 0 0 12px;
  font-family: 'Tajawal', 'Cairo', 'Noto Kufi Arabic', sans-serif; /* ✅ خط عربي أنيق */
  font-weight: 900;
  line-height: 1.3;
  color: #ffffff; /* ✅ يبان على الخلفية */
}

#sol-final .sub {
  color: var(--muted);
  margin: 0 0 20px;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

#sol-final .cta {
  display: inline-flex; /* ✅ عشان الأيقونة والنص يكونوا جنب بعض */
  align-items: center;
  gap: 10px; /* مسافة بين الأيقونة والنص */
  padding: 16px 32px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand), var(--brand2));
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  box-shadow: 0 8px 28px rgba(255,59,59,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}

#sol-final .cta i {
  font-size: 20px; /* حجم الأيقونة */
}

#sol-final .cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(255,59,59,.35);
}


/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .reveal{transition:none !important;opacity:1 !important;transform:none !important}
  #sol-roi .track span{transition:none !important;width:100% !important}
}

/* --- تحسينات عامة على القسم --- */
#sol-roi .head{ text-align:center; }
#sol-roi .head .h2{
  font-weight:1000;
  letter-spacing:-.02em;
  margin-bottom:8px;
}
#sol-roi .head .hint{
  color:#9aa3b2;
  max-width:60ch;
  margin-inline:auto;
}

/* بطاقات أوضح ولمعة خفيفة */
#sol-roi.pro-100 .card{
  background: radial-gradient(1200px 400px at 80% -200px, rgba(255,59,59,.06), transparent),
              radial-gradient(900px 400px at -10% 120%, rgba(59,130,246,.05), transparent),
              #0f1520;
  border:1px solid #1e2633;
  box-shadow: 0 10px 30px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.02);
}
#sol-roi.pro-100 .card:hover{
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(0,0,0,.6);
}

/* الناس - لمعة تعبئة أنعم */
#sol-roi.pro-100 .people span{
  background:#0f1724;
  opacity:.45;
  transform:scale(.94);
  transition:opacity .35s ease, transform .35s ease, box-shadow .35s ease;
}
#sol-roi.pro-100 .before .people span.filled{
  background:linear-gradient(90deg,#ff7e29,#ff3b3b);
  opacity:1; transform:scale(1);
  box-shadow:0 4px 14px rgba(255,59,59,.18);
}
#sol-roi.pro-100 .after .people span.filled{
  background:linear-gradient(90deg,#10b981,#3b82f6);
  opacity:1; transform:scale(1);
  box-shadow:0 4px 14px rgba(59,130,246,.18);
}

/* الحلقة */
#sol-roi.pro-100 .meter{
  box-shadow: inset 0 0 0 12px #0f1520, 0 0 0 1px #1e2633, 0 10px 24px rgba(0,0,0,.35);
}

/* الأشرطة */
#sol-roi.pro-100 .r-card .bar{
  background: #0b1018;
}
#sol-roi.pro-100 .r-card.now   .bar span{ background:linear-gradient(90deg,#ff7e29,#ff3b3b); }
#sol-roi.pro-100 .r-card.with  .bar span{ background:linear-gradient(90deg,#10b981,#3b82f6); }

/* حقول الإدخال الرقمية – مظهر برو */
#sol-roi.pro-100 .field input[type="number"]{
  background: rgba(15,21,32,.85);
  border:1px solid #1f2937;
  border-radius:12px;
  padding:14px 16px;
  color:#e6eaf1;
  font-weight:700;
  transition: box-shadow .25s ease, border-color .25s ease, transform .05s ease;
}
#sol-roi.pro-100 .field input[type="number"]:focus{
  border-color:#ff3b3b;
  box-shadow: 0 0 0 4px rgba(255,59,59,.12), 0 8px 22px rgba(0,0,0,.35);
}

/* سلايدر الافتراضات – تعبئة متطابقة مع الموضع */
#sol-roi.pro-100 .field input[type="range"]{
  -webkit-appearance:none; appearance:none;
  width:100%; height:10px; border-radius:999px; outline:none; background:#0f1724;
  position:relative;
  box-shadow: inset 0 0 0 1px #1e2633;
}
#sol-roi.pro-100 .field input[type="range"]::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,#ff7e29,#ff3b3b);
  width:var(--fill,0%); height:100%; border-radius:999px; pointer-events:none;
}
#sol-roi.pro-100 .field input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none; width:18px; height:18px; border-radius:50%;
  background:#fff; border:3px solid #ff3b3b;
  box-shadow:0 0 0 4px rgba(255,59,59,.15);
  position:relative; z-index:2;
}
#sol-roi.pro-100 .field input[type="range"]::-moz-range-thumb{
  width:18px; height:18px; border-radius:50%;
  background:#fff; border:3px solid #ff3b3b; box-shadow:0 0 0 4px rgba(255,59,59,.15);
  position:relative; z-index:2;
}

/* زر رجوع افتراضات */
#sol-roi.pro-100 .btn-reset{
  border:1px solid #ff3b3b;
  background:#0b1018;
  color:#ffd9d9;
  font-weight:900;
  border-radius:10px;
  transition: transform .05s ease, box-shadow .3s ease, background .2s ease;
}
#sol-roi.pro-100 .btn-reset:hover{
  background: #141a25;
  box-shadow: 0 10px 22px rgba(255,59,59,.12);
}
#sol-roi.pro-100 .btn-reset:active{ transform:scale(.98); }

/* حقل “بعد” المقروء فقط */
#sol-roi .field.readonly .auto-val{
  border:1px dashed #334155;
  background:#0b1018;
  padding:12px 14px;
  border-radius:10px;
  font-weight:800;
  color:#a7f3d0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
#sol-roi .field.readonly label::after{
  content:" (تلقائي)";
  color:#7d8592;
  font-weight:700;
  margin-inline-start:6px;
  font-size:12px;
}