.elementor-25843 .elementor-element.elementor-element-c2095c8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-dc05257 */:root {
  --navy:#0a1628; --navy2:#111e35; --gold:#a0722a; --gold-light:#c8961a;
  --gold-pale:#fdf8ef; --gold-dim:rgba(160,114,42,0.08);
  --border:rgba(160,140,100,0.20); --border-gold:rgba(160,114,42,0.40);
  --text:#1a1612; --text-muted:#6b5e46; --text-dim:#9a8a72;
  --surface:#ffffff; --surface2:#faf7f2; --bg:#faf8f3; --bg2:#f4f1ea;
  --green:#15803d; --red:#dc2626; --blue:#1a6cb0;
  --font-display:'Georgia',serif; --font-body:'Segoe UI',system-ui,sans-serif;
  --font-arabic:'Noto Kufi Arabic','Arial',sans-serif;
  --shadow:0 1px 6px rgba(100,80,30,0.08); --shadow-lg:0 4px 24px rgba(100,80,30,0.13);
  --radius:7px;
}
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:var(--font-body); background:var(--bg); color:var(--text); line-height:1.6; }
.brand-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 20px;
}
/* ── TOPBAR ── */
.topbar { background:var(--navy); padding:0 36px; height:82px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:100; box-shadow:0 2px 20px rgba(0,0,0,0.30); border-bottom:1px solid rgba(200,150,26,0.15); }
.brand { display:flex; align-items:center; gap:16px; }
.brand-logo { width:60px; height:60px; background:linear-gradient(135deg,#c8961a,#a0722a); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:900; color:var(--navy); letter-spacing:-1px; box-shadow:0 3px 18px rgba(160,114,42,0.45); flex-shrink:0; }
.brand-name { font-size:22px; font-weight:900; color:#fff; letter-spacing:-0.5px; line-height:1.1; }
.brand-sub { font-size:12px; color:rgba(200,150,26,0.85); margin-top:2px; font-weight:600; letter-spacing:0.5px; }
.topbar-right { display:flex; align-items:center; gap:12px; }
.lang-btn { background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); color:#fff; font-size:12px; font-weight:600; padding:6px 14px; border-radius:20px; cursor:pointer; transition:all 0.2s; font-family:inherit; }
.lang-btn:hover { background:var(--gold); border-color:var(--gold); color:var(--navy); }
.topbar-link { color:rgba(255,255,255,0.80); font-size:16px; font-weight:700; text-decoration:none; transition:color 0.2s; letter-spacing:-0.2px; }
.topbar-link:hover { color:#e8b84b; }

/* ── HERO ── */
.hero { background:var(--navy); padding:80px 60px 64px; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 60% 40%, rgba(160,114,42,0.12), transparent); pointer-events:none; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(160,114,42,0.15); border:1px solid rgba(160,114,42,0.35); border-radius:20px; padding:5px 16px; font-size:11px; font-weight:700; color:var(--gold-light); letter-spacing:1px; text-transform:uppercase; margin-bottom:24px; }
.hero-badge-dot { width:7px; height:7px; border-radius:50%; background:var(--gold); animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:0.4;} }
.hero h1 { font-family:var(--font-display); font-size:clamp(32px,5vw,58px); color:#fff; line-height:1.1; letter-spacing:-1.5px; margin-bottom:18px; }
.hero h1 span.accent { color:var(--gold-light); }
.hero-sub { font-size:16px; color:rgba(255,255,255,0.65); max-width:680px; line-height:1.75; margin-bottom:36px; }
.hero-cta { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:56px; }
.btn-primary { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:var(--navy); font-size:13px; font-weight:800; padding:13px 26px; border-radius:var(--radius); text-decoration:none; transition:all 0.2s; border:none; cursor:pointer; font-family:inherit; box-shadow:0 3px 14px rgba(160,114,42,0.35); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 5px 20px rgba(160,114,42,0.45); }
.btn-secondary { display:inline-flex; align-items:center; gap:8px; background:transparent; color:#fff; font-size:13px; font-weight:600; padding:13px 26px; border-radius:var(--radius); text-decoration:none; transition:all 0.2s; border:1px solid rgba(255,255,255,0.25); cursor:pointer; font-family:inherit; }
.btn-secondary:hover { border-color:var(--gold); color:var(--gold); }
.hero-stats { display:flex; gap:40px; flex-wrap:wrap; }
.stat { }
.stat-num { font-family:var(--font-display); font-size:clamp(28px,4vw,40px); color:var(--gold-light); line-height:1; }
.stat-label { font-size:10px; color:rgba(255,255,255,0.45); text-transform:uppercase; letter-spacing:1.5px; margin-top:4px; font-weight:600; }

/* ── UPDATE BANNER ── */
.update-banner { background:linear-gradient(90deg,rgba(160,114,42,0.10),rgba(160,114,42,0.04)); border-bottom:1px solid rgba(160,114,42,0.25); padding:16px 60px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.badge-gold { background:var(--gold); color:var(--navy); font-size:10px; font-weight:800; letter-spacing:1.2px; padding:4px 10px; border-radius:4px; white-space:nowrap; flex-shrink:0; }
.update-text { flex:1; min-width:200px; font-size:13px; color:var(--text-muted); line-height:1.7; }
.update-stats { display:flex; gap:10px; flex-wrap:wrap; flex-shrink:0; }
.update-stat { text-align:center; padding:8px 14px; background:rgba(160,114,42,0.08); border-radius:8px; border:1px solid rgba(160,114,42,0.18); }
.update-stat .n { font-size:18px; font-weight:800; color:var(--gold); display:block; }
.update-stat .l { font-size:9px; color:var(--text-dim); display:block; margin-top:1px; }

/* ── SECTIONS ── */
section { padding:68px 60px; }
.section-label { font-size:10px; font-weight:700; letter-spacing:3px; color:var(--gold); text-transform:uppercase; display:block; margin-bottom:10px; }
.section-title { font-family:var(--font-display); font-size:clamp(24px,3.5vw,38px); color:var(--text); margin-bottom:10px; letter-spacing:-0.5px; }
.section-sub { font-size:14px; color:var(--text-muted); line-height:1.7; max-width:640px; margin-bottom:40px; }
.alt-bg { background:var(--surface2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }

/* ── FEATURES GRID ── */
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.feature-card { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:22px; transition:all 0.2s; }
.feature-card:hover { border-color:var(--border-gold); transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.fi { font-size:24px; margin-bottom:12px; }
.ft { font-size:14px; font-weight:700; color:var(--text); margin-bottom:7px; }
.fd { font-size:13px; color:var(--text-muted); line-height:1.65; }

/* ── ENGINES GRID ── */
.engines-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px; }
.engine-group { background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:14px 18px; }
.eg-title { font-size:10px; font-weight:700; color:var(--gold); margin-bottom:8px; text-transform:uppercase; letter-spacing:1px; }
.eg-body { font-size:11.5px; color:var(--text-muted); line-height:2; }

/* ── OUTPUTS GRID ── */
.outputs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.output-card { border:1px solid var(--border-gold); border-radius:10px; padding:20px; background:rgba(160,114,42,0.04); transition:all 0.2s; }
.output-card:hover { background:rgba(160,114,42,0.08); }
.output-card.new { border-color:rgba(22,160,133,0.40); background:rgba(22,160,133,0.04); }
.output-card.new:hover { background:rgba(22,160,133,0.08); }
.oc-icon { font-size:22px; margin-bottom:9px; }
.oc-title { font-size:13px; font-weight:700; color:var(--text); margin-bottom:6px; }
.oc-desc { font-size:11.5px; color:var(--text-muted); line-height:1.7; }

/* ── EXPORT SHOWCASE ── */
.export-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.export-col h3 { font-size:20px; font-weight:700; color:var(--text); margin:10px 0 10px; }
.export-col p { font-size:12px; color:var(--text-muted); line-height:1.8; margin-bottom:16px; }
.export-items { display:flex; flex-direction:column; gap:8px; }
.export-item { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--text-muted); }
.ei-badge { background:var(--navy2); color:var(--gold); font-size:10px; font-weight:700; padding:2px 8px; border-radius:4px; white-space:nowrap; flex-shrink:0; }

/* ── PRICING ── */
.pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:760px; }
.pricing-card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:32px; box-shadow:var(--shadow); display:flex; flex-direction:column; }
.pricing-card.featured { border-color:var(--border-gold); display:flex; flex-direction:column; background:linear-gradient(150deg,#fffdf7,var(--surface)); box-shadow:var(--shadow-lg); }
.pc-tier { font-size:10px; font-weight:800; letter-spacing:2px; color:var(--text-dim); text-transform:uppercase; margin-bottom:9px; }
.pc-tier.gold { color:var(--gold); }
.pc-name { font-family:var(--font-display); font-size:22px; color:var(--text); margin-bottom:14px; }
.pc-price { font-family:var(--font-display); font-size:48px; color:var(--gold); line-height:1; margin-bottom:3px; }
.pc-price sup { font-size:20px; vertical-align:super; }
.pc-period { font-size:12px; color:var(--text-muted); margin-bottom:20px; }
.pc-divider { height:1px; background:var(--border); margin-bottom:18px; }
.pc-feature { display:flex; gap:9px; align-items:flex-start; margin-bottom:9px; font-size:13px; color:var(--text-muted); }
.pc-check { color:var(--green); font-size:13px; flex-shrink:0; margin-top:1px; font-weight:700; }

/* ── DISCLAIMER ── */
.disclaimer { max-width:900px; margin:0 auto; background:var(--surface); border:1px solid rgba(220,38,38,0.15); border-radius:8px; padding:24px 28px; }
.disc-title { font-size:11px; font-weight:700; color:var(--red); margin-bottom:10px; text-transform:uppercase; letter-spacing:1px; }
.disc-text { font-size:12px; color:var(--text-muted); line-height:1.8; }

/* ── FOOTER ── */
footer { background:var(--navy); padding:28px 60px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.footer-brand { font-size:13px; font-weight:700; color:#fff; }
.footer-copy { font-size:11px; color:rgba(255,255,255,0.4); }
.footer-link { color:rgba(255,255,255,0.5); text-decoration:none; font-size:11px; transition:color 0.2s; }
.footer-link:hover { color:var(--gold); }

/* ── RTL ── */
[dir=rtl] { font-family:var(--font-arabic),var(--font-body); }
[dir=rtl] .topbar { flex-direction:row-reverse; }
[dir=rtl] .topbar-right { flex-direction:row-reverse; }
[dir=rtl] .brand { flex-direction:row-reverse; }
[dir=rtl] .hero h1,[dir=rtl] .hero-sub,[dir=rtl] .hero-badge { text-align:right; }
[dir=rtl] .hero-cta,[dir=rtl] .hero-stats { flex-direction:row-reverse; }
[dir=rtl] .section-sub { text-align:right; }
[dir=rtl] .update-banner { flex-direction:row-reverse; }
[dir=rtl] .update-text { text-align:right; }
[dir=rtl] .feature-card,.output-card { text-align:right; }
[dir=rtl] .export-items { text-align:right; }
[dir=rtl] .export-item { flex-direction:row-reverse; }
[dir=rtl] .pricing-card { text-align:right; }
[dir=rtl] .pc-feature { flex-direction:row-reverse; }
[dir=rtl] footer { flex-direction:row-reverse; }
[dir=rtl] .engines-grid .eg-body { text-align:right; direction:rtl; }

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .hero,.update-banner,section,footer{padding-left:24px;padding-right:24px;}
  .features-grid,.outputs-grid{grid-template-columns:1fr 1fr;}
  .export-grid,.pricing-grid{grid-template-columns:1fr;}
  .engines-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:580px){
  .features-grid,.outputs-grid,.engines-grid{grid-template-columns:1fr;}
  .hero-stats{gap:20px;}
}
@media (max-width: 767px) {
    .topbar {
        /* نقوم بتقليل الـ padding بشكل كبير لافساح المجال للمحتوى */
        padding: 0 10px !important;
    }
    .brand-group {
            gap: 10px;
    }
    .brand-logo {
    width: 28px !important;
    height: 32px!important;width: 90px;
}
.brand-name {
    font-size: 9px !important;
    font-weight: 700!important;}
    .brand-sub {
    font-size: 9px!important;
            letter-spacing: 0!important;
    }
    .topbar-link {
        font-size: 8px!important;
            letter-spacing: -0.5px!important;
            width: 80px;
            
            
    }
    .lang-btn{
width: 40%;
font-size: 8px!important;
}

}/* End custom CSS */