/* ══════════════════════════════════════════════════════════
   TECHGATE v7.1.1 — Pages CSS
   ══════════════════════════════════════════════════════════ */

/* ── HERO B2B ─────────────────────────────────── */
.hero-b2b{
  background:linear-gradient(140deg,#042C53 0%,#0C447C 45%,#185FA5 100%);
  position:relative;overflow:hidden;
  padding:clamp(60px,9vw,112px) var(--sp6);
  text-align:center;
}
.hero-b2b::before{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity:.4;pointer-events:none;
}
.hero-b2b__inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto}
.hero-b2b__badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--rf);padding:6px 18px;
  font-size:var(--tsm);font-weight:600;color:#B5D4F4;
  margin-bottom:var(--sp5);
}
.hero-b2b h1{
  font-size:var(--thero);font-weight:900;color:#fff;
  line-height:1.4;letter-spacing:0;
  word-spacing:.12em;
  margin-bottom:var(--sp6);
  max-width:22ch;margin-inline:auto;
}
/* السطر الأول كتلة مستقلة — يمنع تكسّر الكلمات العشوائي */
.hero-b2b__line1{display:block;color:#fff;white-space:nowrap;margin-bottom:.1em;}
.hero-b2b h1 .hero-b2b__accent{
  font-style:normal;display:inline-block;
  background:linear-gradient(90deg,#8DC4F2,#B5D4F4);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  padding-bottom:.12em; /* حماية نزول الحروف العربية من القص */
}
.hero-b2b p{
  font-size:clamp(.9375rem,1.8vw,1.0625rem);
  color:rgba(255,255,255,.78);
  max-width:620px;margin:0 auto var(--sp8);
  line-height:2;word-spacing:.06em;letter-spacing:.01em;
}
.hero-b2b__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-b2b__stats{
  display:flex;gap:clamp(28px,5vw,60px);justify-content:center;
  margin-top:clamp(36px,6vw,56px);
  padding-top:clamp(28px,4vw,40px);
  border-top:1px solid rgba(255,255,255,.10);
  flex-wrap:wrap;gap:24px;
}
.hero-b2b__stat-v{
  font-size:clamp(1.625rem,3.5vw,2.25rem);
  font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1;
}
.hero-b2b__stat-l{font-size:var(--tsm);color:rgba(255,255,255,.55);margin-top:6px;font-weight:500}
.hero-b2b__trust{
  display:flex;align-items:center;gap:clamp(16px,3vw,28px);
  flex-wrap:wrap;justify-content:center;margin-top:var(--sp5);
}
.hero-b2b__trust-item{
  display:flex;align-items:center;gap:7px;
  font-size:var(--tsm);font-weight:500;color:rgba(255,255,255,.65);
}
.hero-b2b__trust-item i{font-size:1rem;color:rgba(99,153,34,.9)}

/* ── HERO B2C ─────────────────────────────────── */
.hero-b2c{
  background:linear-gradient(140deg,#042C53 0%,#0C447C 45%,#185FA5 100%);
  position:relative;overflow:hidden;
  padding:clamp(56px,8vw,100px) var(--sp6);
  text-align:center;
}
.hero-b2c::before{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity:.4;pointer-events:none;
}
.hero-b2c__inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto}
.hero-b2c h1{
  font-size:clamp(1.875rem,4.5vw,3rem);font-weight:900;color:#fff;
  line-height:1.14;letter-spacing:-.4px;margin-bottom:var(--sp4);
}
.hero-b2c p{
  font-size:clamp(.9375rem,1.8vw,1.0625rem);
  color:rgba(255,255,255,.72);
  max-width:560px;margin:0 auto var(--sp7);line-height:1.75;
}
/* سطر واحد من 900px فأعلى: يُلغى تحديد العرض ويُمنع الالتفاف، وحجم الخط
   يتدرّج مع عرض الشاشة (1.5vw) فتبقى الجملة سطراً واحداً دون تجاوز الحواف
   — بالعربية والإنجليزية معاً. تحت 900px تلتف طبيعياً (جوال/تابلت). */
@media(min-width:900px){
  .hero-b2c p{
    white-space:nowrap;max-width:none;
    font-size:clamp(.875rem,1.5vw,1.0625rem);
  }
}
.hero-b2c__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-b2c__cats{
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
  margin-top:var(--sp8);
}
.hero-b2c__cat{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r10);padding:8px 16px;
  font-size:var(--tsm);font-weight:500;color:rgba(255,255,255,.85);
  cursor:pointer;transition:all var(--tf);
}
.hero-b2c__cat:hover{background:rgba(255,255,255,.18)}

/* ── TRUST BAR ───────────────────────────────── */
.trust-bar{
  background:var(--s0);border-bottom:1px solid var(--border);
  padding:14px var(--sp6);
}
.trust-bar__inner{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(14px,3vw,32px);flex-wrap:wrap;
}
.trust-bar__item{
  display:flex;align-items:center;gap:7px;
  font-size:var(--tsm);font-weight:500;color:var(--text-m);
  white-space:nowrap;
}
.trust-bar__item i{font-size:1rem;color:var(--ok-600)}

/* ── SECTIONS ────────────────────────────────── */
.section{padding:clamp(56px,7vw,96px) 0}
.section-gray{background:var(--s1)}
.section__inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp6)}
.section__header{text-align:center;margin-bottom:clamp(36px,5vw,64px)}
.section__eye{
  display:inline-block;
  font-size:var(--tsm);font-weight:700;
  text-transform:uppercase;letter-spacing:2px;
  color:var(--brand-600);margin-bottom:var(--sp3);
}
.section__eye.green{color:var(--brand-600)}   /* v7.1.1 — وُحّد */
.section__title{
  font-size:clamp(1.5rem,3vw,2.25rem);
  font-weight:800;color:var(--text);
  margin-bottom:var(--sp3);line-height:1.2;letter-spacing:-.3px;
}
.section__sub{
  font-size:var(--tmd);color:var(--text-m);
  max-width:560px;margin:0 auto;line-height:1.72;
}

/* ── FEATURES GRID ───────────────────────────── */
.features-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}
.feature-card{
  background:var(--s0);border-radius:var(--r16);
  border:1.5px solid var(--border);padding:var(--sp6) var(--sp5);
  transition:all var(--t);
}
.feature-card:hover{border-color:var(--brand-200);box-shadow:var(--sh-md);transform:translateY(-2px)}
.feature-card__icon{
  width:50px;height:50px;border-radius:var(--r12);
  background:var(--brand-50);color:var(--brand-600);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;margin-bottom:var(--sp4);
}
.feature-card.green .feature-card__icon{background:var(--brand-50);color:var(--brand-600)}
.feature-card__title{font-size:var(--tlg);font-weight:700;color:var(--text);margin-bottom:var(--sp2);letter-spacing:-.2px}
.feature-card__desc{font-size:var(--tsm);color:var(--text-m);line-height:1.7}

/* ── AUTH LAYOUT ─────────────────────────────── */
.auth-split{display:flex;min-height:100vh}
.auth-panel{
  flex:1;display:none;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#042C53 0%,#0C447C 55%,#185FA5 100%);
  padding:var(--sp10) var(--sp8);
  position:relative;overflow:hidden;
}
.auth-panel::before{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.auth-panel-content{position:relative;z-index:1;max-width:460px;color:#fff}
.auth-panel h1{
  font-size:clamp(1.5rem,3vw,2.25rem);
  font-weight:900;margin-bottom:var(--sp3);
  letter-spacing:-.4px;line-height:1.15;
}
.auth-panel p{font-size:var(--tmd);color:rgba(255,255,255,.72);line-height:1.72}
.auth-panel__stats{display:flex;gap:var(--sp8);margin-top:var(--sp8);padding-top:var(--sp6);border-top:1px solid rgba(255,255,255,.10)}
.auth-panel__stat-v{font-size:1.875rem;font-weight:800;color:#fff;letter-spacing:-.4px}
.auth-panel__stat-l{font-size:var(--txs);color:rgba(255,255,255,.55);margin-top:3px;font-weight:500}

.auth-form{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:var(--sp10) clamp(var(--sp5),6vw,var(--sp16));
  overflow-y:auto;background:var(--s0);min-height:100vh;
}
.auth-form__inner{width:100%;max-width:440px}
.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp8)}
.auth-brand-img{width:38px;height:38px;border-radius:var(--r10);object-fit:contain}
.auth-brand-name{font-size:var(--tlg);font-weight:800;color:var(--brand-800);letter-spacing:-.3px}
[data-theme=dark] .auth-brand-name{color:var(--brand-300)}
.auth-title{font-size:var(--t3xl);font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.3px}
.auth-sub{font-size:var(--tmd);color:var(--text-m);margin-bottom:var(--sp8);line-height:1.6}

/* ── FOOTER ───────────────────────────────────
   ⚠️  يتغير لون الفوتر تبعاً للـ mode (B2B/B2C)
   B2B: --brand-800 (الأزرق الداكن)
   B2C: موحّد مع B2B منذ v7.1.1
   يُعالَج بـ data-mode في shared.js
─────────────────────────────────────────────── */
.footer{
  background:linear-gradient(140deg,#042C53 0%,#0C447C 45%,#185FA5 100%);
  color:rgba(255,255,255,.62);
  padding:clamp(48px,6vw,80px) 0 0;
}
.footer[data-mode=b2c]{background:linear-gradient(140deg,#042C53 0%,#0C447C 45%,#185FA5 100%)}
.footer__inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp6)}
.footer__grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:var(--sp10);margin-bottom:var(--sp10);
}
.footer__brand{display:flex;flex-direction:column;gap:var(--sp4)}
.footer__brand-logo{display:flex;align-items:center;gap:11px}
.footer__brand-logo img{width:40px;height:40px;object-fit:contain;border-radius:var(--r8)}
.footer__brand-name{font-size:var(--txl);font-weight:800;color:#fff;letter-spacing:-.2px}
.footer__brand-desc{font-size:var(--tsm);color:rgba(255,255,255,.52);line-height:1.7}
.footer__social{display:flex;gap:10px;margin-top:var(--sp2)}
.footer__social a{
  width:36px;height:36px;border-radius:var(--r8);
  background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.78);font-size:1rem;
  transition:all var(--tf);
}
.footer__social a:hover{background:rgba(255,255,255,.18);color:#fff}
.footer[data-mode=b2c] .footer__social a:hover{background:var(--brand-500);color:#fff}
.footer__col-title{
  font-size:var(--tsm);font-weight:700;color:#fff;
  text-transform:uppercase;letter-spacing:1.2px;
  margin-bottom:var(--sp4);
}
/* ⚠️ v7.1.1 — نصوص التذييل كانت شبه شفافة على تدرّج داكن:
   القياس الفعلي (بتركيب قناة الشفافية على الخلفية الحقيقية):
     حقوق النشر .35  → 2.98:1
     روابط التذييل السفلية .42 → 3.67:1
     روابط الأعمدة .52 → 4.35:1
   والحدّ المطلوب 4.5:1. رُفعت القيم إلى أدنى شفافية تعبر الحدّ
   وتُبقي التدرّج البصري بين العنوان والرابط ونصّ الحقوق قائماً. */
.footer__link{
  display:block;font-size:var(--tsm);
  color:rgba(255,255,255,.72);
  margin-bottom:var(--sp3);
  transition:color var(--tf);cursor:pointer;
  text-align:right;
}
.footer__link:hover{color:#fff}
.footer__bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:var(--sp5) 0;
  display:flex;align-items:center;justify-content:space-between;
  font-size:var(--tsm);gap:var(--sp4);flex-wrap:wrap;
}
.footer__bottom-links{display:flex;gap:var(--sp5);flex-wrap:wrap}
.footer__bottom-link{color:rgba(255,255,255,.78);transition:color var(--tf);cursor:pointer;font-size:var(--tsm)}
.footer__bottom-link:hover{color:#fff}
.footer__cr-badge{
  display:flex;align-items:center;gap:6px;
  font-size:var(--txs);color:rgba(255,255,255,.70);
}
.footer__company{
  border-top:1px solid rgba(255,255,255,.06);
  padding:14px 0;text-align:center;
  font-size:var(--txs);color:rgba(255,255,255,.72);
}
.footer__company strong{color:rgba(255,255,255,.72);font-weight:700}

/* Responsive footer */
@media(max-width:1024px){
  .footer__grid{grid-template-columns:1fr 1fr;gap:var(--sp8)}
}
@media(max-width:600px){
  .footer__grid{grid-template-columns:1fr;gap:var(--sp6)}
  .footer__bottom{flex-direction:column;text-align:center;gap:var(--sp3)}
  .footer__bottom-links{justify-content:center}
}

/* ── HERO responsive ─────────────────────────── */
@media(max-width:768px){
  .hero-b2b h1{letter-spacing:0}
  .hero-b2b__line1{white-space:normal}
  .hero-b2b p{max-width:100%}
  .hero-b2b__stats{gap:var(--sp6)}
  .hero-b2c h1{letter-spacing:-.2px}
}
@media(max-width:480px){
  .hero-b2b__trust{display:none}
  .hero-b2b__actions{flex-direction:column;align-items:center}
  .hero-b2c__actions{flex-direction:column;align-items:center}
  .hero-b2c__cats{gap:8px}
  .hero-b2c__cat{padding:7px 12px;font-size:var(--txs)}
}

/* ── AUTH responsive ─────────────────────────── */
@media(min-width:900px){
  .auth-panel{display:flex}
}
@media(max-width:899px){
  .auth-form{padding:var(--sp8) var(--sp5)}
  .auth-brand{margin-bottom:var(--sp6)}
}

/* ── SECTIONS responsive ─────────────────────── */
@media(max-width:768px){
  .features-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .features-grid{grid-template-columns:1fr}
  .trust-bar__inner{gap:10px}
  .trust-bar__item{font-size:var(--txs)}
}

/* ── Missing classes fix ── */
.hero-b2b em{
  font-style:normal;
  background:linear-gradient(90deg,#8DC4F2,#B5D4F4);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-b2c em{
  font-style:normal;
  background:linear-gradient(90deg,#8DC4F2,#C8E0F5);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-b2b__stat{text-align:center}
.hero-b2c__badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  border-radius:var(--rf);padding:6px 18px;
  font-size:var(--tsm);font-weight:600;color:rgba(255,255,255,.85);
  margin-bottom:var(--sp5);
}
.section-alt{background:var(--s1)}

/* ══════════════════════════════════════════════════════════
   TECHGATE v7.1.1 — Additional Components
   ══════════════════════════════════════════════════════════ */

/* ── Hero Buttons ─────────────────────────── */
.hero-btn-white{background:#fff;color:var(--brand-800);box-shadow:0 4px 20px rgba(0,0,0,.15)}
.hero-btn-white:hover{background:#F3F8FD;transform:translateY(-1px)}
.hero-btn-outline{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.28)}
.hero-btn-outline:hover{background:rgba(255,255,255,.20)}

/* ── Steps Grid ───────────────────────────── */
.steps-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;position:relative;
}
.step-card{
  background:var(--s0);border-radius:var(--r16);
  border:1.5px solid var(--border);
  padding:var(--sp6) var(--sp5);
  text-align:center;
  position:relative;transition:all var(--t);
}
.step-card:hover{border-color:var(--brand-200);box-shadow:var(--sh-md);transform:translateY(-2px)}
.step-card__num{
  position:absolute;top:-14px;right:50%;transform:translateX(50%);
  width:28px;height:28px;border-radius:50%;
  background:var(--brand-600);color:#fff;
  font-size:var(--tsm);font-weight:800;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(24,95,165,.35);
}
.step-card__icon{
  width:60px;height:60px;border-radius:50%;
  background:var(--brand-50);color:var(--brand-600);
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;margin:var(--sp4) auto var(--sp4);
}
.step-card__title{font-size:var(--tlg);font-weight:700;color:var(--text);margin-bottom:var(--sp2);letter-spacing:-.2px}
.step-card__desc{font-size:var(--tsm);color:var(--text-m);line-height:1.75}

/* ── CTA Block ────────────────────────────── */
.cta-block{
  background:linear-gradient(135deg,var(--brand-800) 0%,var(--brand-600) 100%);
  border-radius:var(--r24);
  padding:clamp(48px,6vw,80px) var(--sp6);
  text-align:center;position:relative;overflow:hidden;
}
.cta-block__glow{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 70% 50%,rgba(55,138,221,.22) 0%,transparent 65%);
  pointer-events:none;
}
.cta-block__content{position:relative;z-index:1}
.cta-block__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;color:#fff;margin-bottom:var(--sp3);letter-spacing:-.4px}
.cta-block__sub{color:rgba(255,255,255,.72);font-size:var(--tlg);margin-bottom:var(--sp8);line-height:1.6}
.cta-block__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ── B2C Categories ───────────────────────── */
.b2c-cats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
}
.b2c-cat{
  border-radius:var(--r12);border:1.5px solid var(--border);
  padding:24px 14px;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  cursor:pointer;transition:all var(--t);
  font-family:inherit;
}
.b2c-cat:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--brand-300)}
.b2c-cat i{font-size:1.6rem}
.b2c-cat span{font-size:var(--tsm);font-weight:600;color:var(--text)}

/* ── Font Size Control (احترافي) ──────────── */
/* أيقونات SVG المضمّنة — تظهر دائماً بلا اعتماد على خط خارجي
   الحجم يتبع font-size للحاوية (مثل خط الأيقونات تماماً) */
.tg-ico{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex-shrink:0}
.topbar__btn .tg-ico,.lang-toggle .tg-ico{width:20px;height:20px}
.font-pop__btn .tg-ico{width:17px;height:17px}
.empty__icon .tg-ico{width:34px;height:34px;margin:0 auto}

.font-ctrl{position:relative;display:inline-flex}
.font-trigger__a{font-weight:800;font-size:1rem;line-height:1}
.font-trigger__a::after{content:'+';font-size:.6rem;vertical-align:super;font-weight:700;opacity:.7}
.font-pop__reset{font-size:1.05rem;line-height:1}
.font-pop{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;
  display:none;align-items:center;gap:2px;
  background:var(--s0);border:1px solid var(--border);
  border-radius:var(--r10);padding:4px;
  box-shadow:var(--sh-md);z-index:var(--z3);
}
.font-pop.open{display:flex}
.font-pop__btn{
  width:32px;height:32px;border-radius:var(--r8);
  display:flex;align-items:center;justify-content:center;
  background:transparent;border:none;cursor:pointer;padding:0;
  color:var(--text-2);transition:background var(--tf),color var(--tf),opacity var(--tf);
}
.font-pop__btn:hover{background:var(--brand-50);color:var(--brand-600)}
.font-pop__btn:active{transform:scale(.92)}
.font-pop__btn.is-disabled{opacity:.3;pointer-events:none}
.font-pop__a{font-weight:800;line-height:1}
.font-pop__a--sm{font-size:.8125rem}
.font-pop__a--lg{font-size:1.1875rem}
.font-pop__btn--reset{font-size:.9rem}
.font-pop__lbl{
  font-size:var(--txs);color:var(--text-2);font-weight:700;
  white-space:nowrap;min-width:42px;text-align:center;padding:0 2px;
}
.font-pop__sep{width:1px;height:20px;background:var(--border);margin:0 2px}

/* ── Hero B2B em gradient ─────────────────── */
.hero-b2b em,.hero-b2c em{
  font-style:normal;
  background:linear-gradient(90deg,#8DC4F2,#C8E0F5);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-b2c em{
  background:linear-gradient(90deg,#8DC4F2,#C8E0F5);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

/* ── Responsive additions ─────────────────── */
@media(max-width:768px){
  .steps-grid{grid-template-columns:1fr 1fr}
  .b2c-cats{grid-template-columns:repeat(3,1fr)}
  .cta-block{border-radius:var(--r16)}
  .font-size-lbl{display:none}
}
@media(max-width:480px){
  .steps-grid{grid-template-columns:1fr}
  .b2c-cats{grid-template-columns:repeat(2,1fr)}
  .cta-block__actions{flex-direction:column;align-items:center}
}

/* ══ الوضع الداكن — تدرجات هادئة بدل الأزرق/الأخضر المشبع ══
   B2B: كحلي شبه أسود #0B1220→#101B2E
   B2C: أخضر غابي شبه أسود #0A1710→#12291C
   الوضع الفاتح يبقى بألوان الهوية كما هو */
.grad-b2b{background:linear-gradient(135deg,var(--brand-800),var(--brand-700))}
.grad-b2b-deep{background:linear-gradient(135deg,var(--brand-800),var(--brand-600))}
.grad-b2c{background:linear-gradient(135deg,var(--brand-700),var(--brand-600))}
[data-theme=dark] .hero-b2b{background:linear-gradient(140deg,#0B1220 0%,#0E1727 55%,#101B2E 100%)}
[data-theme=dark] .hero-b2c{background:linear-gradient(140deg,#0B1220 0%,#0E1727 55%,#101B2E 100%)}
[data-theme=dark] .footer{background:linear-gradient(140deg,#0B1220 0%,#0E1727 55%,#101B2E 100%)}
[data-theme=dark] .footer[data-mode=b2c]{background:linear-gradient(140deg,#0B1220 0%,#0E1727 55%,#101B2E 100%)}
[data-theme=dark] .cta-block{background:linear-gradient(135deg,#0B1220,#101B2E)}
[data-theme=dark] .grad-b2b,[data-theme=dark] .grad-b2b-deep{background:linear-gradient(135deg,#0B1220,#101B2E)}
[data-theme=dark] .grad-b2c{background:linear-gradient(135deg,#0B1220,#101B2E)}
.grad-card-b2b{background:linear-gradient(135deg,var(--brand-600),var(--brand-700))}
.grad-card-provider{background:linear-gradient(135deg,var(--pur-600,#7C3AED),var(--brand-700))}
[data-theme=dark] .grad-card-b2b{background:linear-gradient(135deg,#0B1220,#101B2E)}
[data-theme=dark] .grad-card-provider{background:linear-gradient(135deg,#171331,#101B2E)}
/* قابلية القراءة في الوضع الداكن — نصوص B2C الخضراء الداكنة تُستبدل بدرجات فاتحة */
[data-theme=dark] .badge-green{color:var(--green-200)}
[data-theme=dark] .info-box-b2c{color:var(--brand-200)}
[data-theme=dark] .info-box-b2c .info-box__icon{color:var(--brand-300)}
[data-theme=dark] .navbar__link.active.b2c{color:var(--brand-300)}
[data-theme=dark] .navbar__link.active.b2c::after{background:var(--brand-300)}

/* ══ إصلاح v7.1.1 — أصناف صفحات الدخول الفعلية (كانت بلا CSS مطابق) ══ */
.auth-layout{display:flex;min-height:100vh}
.auth-panel__content{position:relative;z-index:1;max-width:460px;color:#fff}
.auth-panel h1{color:#fff}
.auth-panel__logo{margin-bottom:var(--sp5)}
.auth-panel__feats{display:flex;flex-direction:column;gap:12px;margin-top:var(--sp7)}
.auth-panel__feat{display:flex;align-items:center;gap:12px}
.auth-panel__feat-icon{
  width:36px;height:36px;border-radius:var(--r8);flex-shrink:0;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);
  display:flex;align-items:center;justify-content:center;
  color:#8DC4F2;font-size:1.05rem;
}
.auth-panel__feat-text{font-size:var(--tsm);color:rgba(255,255,255,.85)}
.auth-panel.b2c{background:linear-gradient(140deg,#042C53 0%,#0C447C 55%,#185FA5 100%)}
.auth-panel.b2c .auth-panel__feat-icon{color:#8DC4F2}
[data-theme=dark] .auth-panel{background:linear-gradient(140deg,#0B1220 0%,#0E1727 55%,#101B2E 100%)}
[data-theme=dark] .auth-panel.b2c{background:linear-gradient(140deg,#0B1220 0%,#0E1727 55%,#101B2E 100%)}

/* ══ v4.8 — هيرو الشركات: سطرا الوصف منفصلان + شارة NDA ══ */
.hero-b2b__sub1{margin-bottom:6px !important}
.hero-b2b__sub2{margin-bottom:var(--sp5) !important}
/* كل جملة في سطر واحد من 1000px فأعلى (العتبة محسوبة على أطول جملة =
   الإنجليزية ~999px مقابل مساحة 952px+ بحجم خط متدرّج). تحت ذلك تلتف
   طبيعياً — فرض السطر الواحد على شاشة أضيق يصغّر الخط لحد غير مقروء. */
@media(min-width:1000px){
  .hero-b2b p{
    white-space:nowrap;max-width:none;
    font-size:clamp(.875rem,1.5vw,1.0625rem);
  }
}
.hero-b2b__nda{
  display:inline-flex;align-items:center;gap:8px;
  margin:0 auto var(--sp7);
  padding:7px 18px;border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  font-size:var(--tsm);font-weight:600;color:#fff;
}
.hero-b2b__nda i{color:#34D399;font-size:1rem}

/* ══ v7.1.1 — وصف القسم في سطر واحد (يُطبَّق بمُعدِّل خاص فقط) ══
   الجملة العربية ~93 حرفاً والإنجليزية ~129 — حجم خط متدرّج يضمن السطر
   الواحد حتى 900px، وتحته تلتف طبيعياً. */
@media(min-width:900px){
  .section__sub--1line{
    white-space:nowrap;max-width:none;
    font-size:clamp(.8125rem,1.3vw,1rem);
  }
}

/* ══ المرجع الخاص (سوبر أدمن) ══ */
.seg-ctrl{display:inline-flex;background:var(--s2);border:1px solid var(--border);border-radius:var(--r10);padding:3px;gap:3px}
.seg-btn{
  display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:var(--r8);
  background:transparent;color:var(--text-m);font:inherit;font-size:var(--txs);font-weight:600;
  cursor:pointer;transition:background var(--tf),color var(--tf);
}
.seg-btn.active{background:var(--brand-600);color:#fff}
.seg-btn:not(.active):hover{background:var(--s3);color:var(--text)}
.pv-chip{
  display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;
  border:1px solid var(--border);background:transparent;color:var(--text-m);
  font:inherit;font-size:var(--txs);cursor:pointer;transition:all var(--tf);
}
.pv-chip:hover{border-color:var(--text-m)}
.pv-chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.pv-chip b{font-size:10px;opacity:.75}
.pv-item{display:flex;align-items:flex-start;gap:8px;padding:6px 4px;border-radius:var(--r8);transition:background var(--tf)}
.pv-item:hover{background:var(--s2)}
.pv-dot{width:9px;height:9px;border-radius:99px;border:none;margin-top:6px;flex-shrink:0;cursor:pointer;padding:0;transition:transform var(--tf)}
.pv-dot:hover{transform:scale(1.35)}
.pv-star,.pv-x{
  background:none;border:none;padding:2px;cursor:pointer;color:var(--border);
  font-size:.85rem;flex-shrink:0;margin-top:2px;transition:color var(--tf);
}
.pv-item:hover .pv-star,.pv-item:hover .pv-x{color:var(--text-m)}
.pv-star.on{color:var(--warn-600)}
.pv-x:hover{color:var(--err-600)}

/* ══ شريط صفحات المصادقة — v7.1.1 ══════════════════════════
   صفحات الدخول والتسجيل كانت بلا أي طريق عودة إلى الموقع.
   الشريط شفاف فوق اللوحة التعريفية، ويختفي على الجوال حيث
   تشغل اللوحة الشاشة كاملةً — ويبقى الشعار وحده طريق العودة. */
.auth-layout{position:relative}
.auth-topbar{
  position:absolute;top:0;inset-inline:0;z-index:5;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px clamp(16px,3vw,32px);
}
.auth-topbar__brand{
  display:flex;align-items:center;gap:9px;
  font-size:var(--tmd);font-weight:800;color:var(--text);cursor:pointer;
}
.auth-topbar__links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.auth-topbar__link{
  padding:6px 11px;border-radius:var(--r8);
  font-size:var(--tsm);font-weight:500;color:var(--text-m);
  cursor:pointer;transition:background var(--tf),color var(--tf);
}
.auth-topbar__link:hover{background:var(--s2);color:var(--text)}
@media (max-width:980px){
  .auth-topbar__links{display:none}
}