:root{--dk:#111827;--rd:#C62828;--rdlt:#EF5350;--rddk:#8e1c1c;--wh:#fff;--off:#f8f9fb;--lt:#f0f2f5;--tx:#1a1a2e;--txlt:#5a6272;--bd:rgba(0,0,0,.08);--tr:.28s ease;--r:8px;--rl:16px;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--tx);background:var(--wh);line-height:1.7;overflow-x:hidden}
body.ar{font-family:'Noto Kufi Arabic',sans-serif;direction:rtl;text-align:right}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}
.container{max-width:1180px;margin:0 auto;padding:0 24px}.sp{padding:80px 0}.sp-sm{padding:50px 0}
body.ar .en{display:none!important}body:not(.ar) .ar{display:none!important}
/* TOPBAR */
.topbar{background:var(--dk);padding:10px 0;font-size:13px;color:rgba(255,255,255,.7)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.tb-l{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.tb-r{display:flex;gap:10px;align-items:center}
.topbar a{color:rgba(255,255,255,.7);transition:color .2s}.topbar a:hover{color:#fff}
.topbar i{color:var(--rd);margin-right:5px}body.ar .topbar i{margin-right:0;margin-left:5px}
.soc{width:28px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:12px;transition:var(--tr)}
.soc:hover{background:var(--rd);border-color:var(--rd);color:#fff}
.lang-sw{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 12px;cursor:pointer;font-size:12px;font-weight:600;color:#fff;transition:var(--tr)}
.lang-sw:hover{background:rgba(255,255,255,.2)}
/* HEADER */
.header{background:var(--wh);box-shadow:0 2px 16px rgba(0,0,0,.07);position:sticky;top:0;z-index:1000}
.nav{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:12px}
.logo{display:flex;align-items:center;gap:10px}
.logo-ic{width:44px;height:44px;background:var(--rd);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800;font-family:'Playfair Display',serif;flex-shrink:0}
.logo-name{font-size:17px;font-weight:700;color:var(--rd);font-family:'Playfair Display',serif;line-height:1.1}
.logo-sub{font-size:10px;color:var(--txlt);text-transform:uppercase;letter-spacing:1px}
.nl{display:flex;align-items:center;gap:1px}
.nl>a,.nl>.drop>a{padding:9px 13px;font-size:14px;font-weight:500;color:var(--tx);border-radius:6px;transition:color .2s;white-space:nowrap}
.nl>a:hover,.nl>.drop>a:hover,.nl>a.act,.nl>.drop>a.act{color:var(--rd)}
.drop{position:relative}
.dm{display:none;position:absolute;top:calc(100%+6px);left:0;background:#fff;border-radius:var(--r);box-shadow:0 8px 32px rgba(0,0,0,.13);min-width:230px;padding:6px;border:1px solid var(--bd);z-index:100}
body.ar .dm{left:auto;right:0}
.drop:hover .dm{display:block}
.dm a{display:flex;align-items:center;gap:9px;padding:10px 13px;font-size:14px;color:var(--tx);border-radius:6px;transition:var(--tr)}
.dm a:hover{background:var(--off);color:var(--rd)}.dm a i{width:15px;color:var(--rd);font-size:12px}
.cta-btn{background:var(--rd);color:#fff;padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:var(--tr);white-space:nowrap;border:2px solid var(--rd)}
.cta-btn:hover{background:var(--rddk);border-color:var(--rddk)}
.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:7px;background:none;border:none}
.hbg span{display:block;width:24px;height:2px;background:var(--tx);border-radius:2px;transition:var(--tr)}
.mob-nav{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--bd);padding:10px 20px 18px;gap:2px}
.mob-nav.open{display:flex}.mob-nav a{padding:10px 13px;color:var(--tx);font-weight:500;border-radius:6px;font-size:14px}
.mob-nav a:hover{background:var(--off);color:var(--rd)}
/* HERO */
.hero{min-height:91vh;background:var(--dk);display:flex;align-items:center;position:relative;overflow:hidden}
.hbg-img{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&q=80&fit=crop') center/cover;opacity:.22}
.hov{position:absolute;inset:0;background:linear-gradient(115deg,rgba(139,0,0,.93) 0%,rgba(8,8,20,.95) 100%)}
.hpat{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:70px}
.hbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:5px 15px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:20px;backdrop-filter:blur(8px)}
.hbadge i{color:#ffcc00}
.htitle{font-family:'Playfair Display',serif;font-size:clamp(34px,5.5vw,62px);font-weight:700;color:#fff;line-height:1.1;margin-bottom:20px}
.htitle .hl{color:var(--rdlt)}.htitle .bl{display:block;color:rgba(255,255,255,.5);font-size:.58em;font-family:'DM Sans',sans-serif;font-weight:300;letter-spacing:1px;margin-top:8px}
.hdesc{font-size:17px;color:rgba(255,255,255,.78);line-height:1.8;margin-bottom:34px;max-width:500px}
.hacts{display:flex;gap:14px;flex-wrap:wrap}
.hstats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;padding-top:34px;border-top:1px solid rgba(255,255,255,.12)}
.hsn{font-family:'Playfair Display',serif;font-size:33px;font-weight:700;color:#fff;line-height:1;margin-bottom:3px}
.hsn sup{font-size:17px;color:var(--rdlt)}.hsl{font-size:11px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px}
/* hero image side */
.himg-side{display:flex;align-items:center;justify-content:center;position:relative}
.himg{width:420px;max-width:100%;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.hcard{position:absolute;background:#fff;border-radius:var(--r);padding:13px 17px;box-shadow:0 8px 30px rgba(0,0,0,.15);display:flex;align-items:center;gap:11px}
.hc1{bottom:36px;left:-34px}.hc2{top:36px;right:-34px}
body.ar .hc1{left:auto;right:-34px}body.ar .hc2{right:auto;left:-34px}
.hci{width:38px;height:38px;background:var(--rd);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}
.hcn{font-size:17px;font-weight:700;color:var(--tx)}.hcl{font-size:11px;color:var(--txlt)}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 27px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--tr);border:2px solid transparent;white-space:nowrap}
.btn-rd{background:var(--rd);color:#fff;border-color:var(--rd)}.btn-rd:hover{background:var(--rddk);border-color:var(--rddk);transform:translateY(-1px)}
.btn-out{background:transparent;color:var(--rd);border-color:var(--rd)}.btn-out:hover{background:var(--rd);color:#fff}
.btn-wh{background:#fff;color:var(--rd);border-color:#fff}.btn-wh:hover{background:transparent;color:#fff;border-color:#fff}
.btn-owh{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.btn-owh:hover{background:rgba(255,255,255,.15);border-color:#fff}
/* SECTION HEADERS */
.sh{margin-bottom:48px}.sh.c{text-align:center}
.sh-lb{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--rd);margin-bottom:11px}
.sh.c .sh-lb{justify-content:center}
.sh-lb::before{content:'';display:inline-block;width:26px;height:2px;background:var(--rd);flex-shrink:0}
body.ar .sh-lb{flex-direction:row-reverse}body.ar .sh-lb::before{display:none}body.ar .sh-lb::after{content:'';display:inline-block;width:26px;height:2px;background:var(--rd);flex-shrink:0}
.sh-title{font-family:'Playfair Display',serif;font-size:clamp(26px,3.8vw,40px);font-weight:700;color:var(--tx);line-height:1.2;margin-bottom:16px}
.sh-title span{color:var(--rd)}.sh-desc{font-size:16px;color:var(--txlt);max-width:620px;line-height:1.8}
.sh.c .sh-desc{margin:0 auto}
/* ABOUT PREVIEW */
.abt-row{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.abt-img{position:relative}.abt-img img{width:100%;border-radius:var(--rl);box-shadow:0 12px 40px rgba(0,0,0,.12)}
.abadge{position:absolute;bottom:-22px;right:-22px;background:var(--rd);color:#fff;border-radius:var(--r);padding:20px 24px;text-align:center;box-shadow:0 8px 24px rgba(198,40,40,.3)}
body.ar .abadge{right:auto;left:-22px}
.abadge-n{font-family:'Playfair Display',serif;font-size:34px;font-weight:700;line-height:1}
.abadge-l{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:1px}
.sects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
.sect{display:flex;align-items:center;gap:9px;padding:9px 13px;background:var(--off);border-radius:7px;font-size:13px;font-weight:500;border:1px solid transparent;transition:var(--tr)}
.sect:hover{border-color:var(--rd);color:var(--rd);background:rgba(198,40,40,.04)}.sect i{color:var(--rd);font-size:13px;flex-shrink:0}
/* SERVICES GRID */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{background:#fff;border-radius:var(--rl);padding:28px 24px;border:1px solid var(--bd);transition:var(--tr);position:relative;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--rd);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.svc-card:hover::before{transform:scaleX(1)}
.svc-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-4px);border-color:rgba(198,40,40,.15)}
.svc-ic{width:56px;height:56px;background:rgba(198,40,40,.07);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--rd);margin-bottom:18px;transition:var(--tr)}
.svc-card:hover .svc-ic{background:var(--rd);color:#fff}
.svc-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--tx);margin-bottom:11px}
.svc-desc{font-size:14px;color:var(--txlt);line-height:1.75;margin-bottom:14px}
.svc-ul{display:flex;flex-direction:column;gap:7px}
.svc-ul li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--txlt)}
.svc-ul li i{color:var(--rd);flex-shrink:0;margin-top:3px;font-size:11px}
/* WHY FEATURES */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feat{padding:26px;border-radius:var(--r);border:1px solid var(--bd);transition:var(--tr)}
.feat:hover{border-color:rgba(198,40,40,.3);box-shadow:0 8px 28px rgba(198,40,40,.07)}
.feat-i{width:46px;height:46px;background:rgba(198,40,40,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--rd);margin-bottom:14px;transition:var(--tr)}
.feat:hover .feat-i{background:var(--rd);color:#fff}
.feat-title{font-size:15px;font-weight:700;color:var(--tx);margin-bottom:7px}
.feat-desc{font-size:13px;color:var(--txlt);line-height:1.7}
/* STATS */
.stats-bg{background:#111827}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:44px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.stat:last-child{border-right:none}
.stat:hover{background:rgba(255,255,255,.02)}
.stat-i{font-size:26px;color:var(--rd);margin-bottom:11px}
.stat-n{font-family:'Playfair Display',serif;font-size:44px;font-weight:700;color:#fff;line-height:1;margin-bottom:5px}
.stat-n sup{font-size:22px;color:var(--rdlt)}.stat-lb{font-size:12px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:2px}
/* PROCESS PREVIEW */
.proc-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.proc-row::after{content:'';position:absolute;top:38px;left:8%;right:8%;height:2px;background:rgba(198,40,40,.18);z-index:0}
.pstep{text-align:center;position:relative;z-index:1}
.pnum{width:76px;height:76px;background:#fff;border:3px solid var(--rd);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--rd);margin:0 auto 16px;transition:var(--tr)}
.pstep:hover .pnum{background:var(--rd);color:#fff}
.ptitle{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:7px}
.pdesc{font-size:12px;color:var(--txlt);line-height:1.6}
/* CTA BAND */
.cta{background:var(--rd);padding:62px 0;text-align:center}
.cta h2{font-family:'Playfair Display',serif;font-size:clamp(24px,4vw,38px);color:#fff;margin-bottom:13px}
.cta p{color:rgba(255,255,255,.85);font-size:16px;margin-bottom:30px;max-width:540px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* FOOTER */
.footer{background:#111827;color:rgba(255,255,255,.75)}
.footer-top{padding:62px 0 42px;border-bottom:1px solid rgba(255,255,255,.07)}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.5fr;gap:44px}
.fct{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:16px;padding-bottom:7px;border-bottom:2px solid var(--rd);display:inline-block}
.flinks{display:flex;flex-direction:column;gap:8px}
.flinks a{font-size:14px;color:rgba(255,255,255,.5);transition:color .2s;display:flex;align-items:center;gap:7px}
.flinks a::before{content:'›';color:var(--rd)}body.ar .flinks a::before{content:'‹'}
.flinks a:hover{color:#fff}
.fci{display:flex;gap:11px;margin-bottom:13px;align-items:flex-start}
.fci i{color:var(--rd);margin-top:3px;flex-shrink:0;width:14px}
.fci span{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6}
.fbot{background:#0d1117;padding:16px 0}
.fbot .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.fcopy{font-size:13px;color:rgba(255,255,255,.3)}.fcopy a{color:rgba(255,255,255,.4)}
.fcredit{font-size:13px;color:rgba(255,255,255,.3);text-align:right}
.fcredit a{color:var(--rdlt);font-weight:600}.fcredit a:hover{color:#fff}
.fsoc{display:flex;gap:9px;margin-top:20px}
.fsoc a{width:32px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:13px;transition:var(--tr)}
.fsoc a:hover{background:var(--rd);border-color:var(--rd);color:#fff}
.fbrand-desc{font-size:14px;line-height:1.8;color:rgba(255,255,255,.45);margin-bottom:6px}
/* FLOAT */
.wa{position:fixed;bottom:26px;right:26px;z-index:999;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;box-shadow:0 6px 22px rgba(37,211,102,.38);transition:transform .3s}
body.ar .wa{right:auto;left:26px}.wa:hover{transform:scale(1.1)}
.bk{position:fixed;bottom:26px;left:26px;z-index:999;width:40px;height:40px;background:var(--rd);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:15px;cursor:pointer;transition:var(--tr)}
body.ar .bk{left:auto;right:86px}.bk.vis{display:flex}.bk:hover{background:var(--rddk)}
/* FADE UP */
.fu{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.fu.vis{opacity:1;transform:translateY(0)}
/* RESPONSIVE */
@media(max-width:1024px){.hero .container,.abt-row{grid-template-columns:1fr}.himg-side{display:none}.feat-grid{grid-template-columns:1fr 1fr}.proc-row{grid-template-columns:1fr 1fr}.proc-row::after{display:none}.stats-row{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}.sects{grid-template-columns:1fr}.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.nl,.cta-btn{display:none}.hbg{display:flex}.svc-grid{grid-template-columns:1fr}.feat-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.proc-row{grid-template-columns:1fr}.topbar{display:none}.fgrid{grid-template-columns:1fr}.fbot .container{flex-direction:column;text-align:center}.fcredit{text-align:center}.hstats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.stats-row{grid-template-columns:1fr}.hstats{grid-template-columns:1fr}}

/* ===== INNER PAGE HERO ===== */
.ph{position:relative;padding:80px 0;display:flex;align-items:center;min-height:260px;overflow:hidden}
.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-attachment:fixed}
.ph-ov{position:absolute;inset:0;background:linear-gradient(120deg,rgba(139,0,0,.88) 0%,rgba(10,8,20,.92) 100%)}
.ph .container{position:relative;z-index:2}
.ph-title{font-family:'Playfair Display',serif;font-size:clamp(30px,5vw,52px);font-weight:700;color:#fff;margin-bottom:14px}
.ph-bc{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.65);flex-wrap:wrap}
.ph-bc a{color:rgba(255,255,255,.65);transition:color .2s}.ph-bc a:hover{color:#fff}
.ph-bc span{color:rgba(255,255,255,.4)}

/* ===== STATS – border-right on AR ===== */
body.ar .stat{border-right:none;border-left:1px solid rgba(255,255,255,.08)}
body.ar .stat:last-child{border-left:none}

/* ===== RESPONSIVE FIXES FOR INNER PAGES ===== */
@media(max-width:768px){
  .ph{min-height:200px;padding:54px 0}
  .ph-bg{background-attachment:scroll}
  section[style*="grid-template-columns:1fr 1.45fr"],
  section[style*="grid-template-columns:1fr 1.4fr"]{display:block!important}
  section[style*="grid-template-columns:1fr 1.45fr"]>div,
  section[style*="grid-template-columns:1fr 1.4fr"]>div{margin-bottom:28px}
  div[style*="grid-template-columns:1fr 1fr;gap:60px"]{grid-template-columns:1fr!important}
  div[style*="grid-template-columns:1fr 1fr;gap:14px"]{grid-template-columns:1fr!important}
}