/* لسان — marketing-v2: تصميم الصفحات التعريفية (كول سنتر / إنترفيو / من نحن / يوتيوب)
   كل الكلاسات بادئة بـ mk- عشان متتعارضش مع ستايل الصفحات القديم. اللون المميز لكل صفحة بيتحدد من class على body. */
body.mk-cc{--ac:#0b7a70;--ac2:#FFBA00}
body.mk-iv{--ac:#5b4fe0;--ac2:#FFBA00}
body.mk-ab{--ac:#D00000;--ac2:#FFBA00}
body.mk-yt{--ac:#D00000;--ac2:#FFBA00}
.mk-w{max-width:1100px;margin:0 auto;padding:0 20px}
.mk-bar{display:flex;height:6px}.mk-bar i{flex:1}
/* hero */
.mk-hero{background:#1a1a2e;color:#fff;padding:72px 0 104px;background-image:radial-gradient(#2e2e52 1.2px,transparent 1.2px);background-size:24px 24px}
.mk-hero .mk-w{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.mk-pill{display:inline-block;border:1px solid #4a4a78;border-radius:99px;padding:5px 16px;font-size:13px;font-weight:700;color:#e4e6f7;margin-bottom:16px}
.mk-h1{font-size:clamp(28px,4.6vw,48px);line-height:1.35;font-weight:900;margin:0 0 16px;color:#fff}.mk-h1 em{font-style:normal;color:#FFBA00}
.mk-lead{font-size:clamp(16px,2vw,19px);line-height:1.9;color:#d5d7ea;margin:0 0 28px}
.mk-btns{display:flex;flex-wrap:wrap;gap:12px}
.mk-btn{display:inline-block;padding:14px 30px;border-radius:12px;font-weight:800;font-size:16px;text-decoration:none;background:var(--ac);color:#fff;font-family:'Cairo',sans-serif;transition:transform .2s}
.mk-btn:hover{transform:translateY(-2px)}
.mk-btn.o{background:transparent;color:#fff;border:2px solid #5b5f85}
.mk-btn.g{background:#FFBA00;color:#1a1a2e}
.mk-trust{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:26px;color:#c9cbe0;font-size:14px;font-weight:700}
.mk-trust i{color:#FFBA00;margin-inline-end:6px}
/* phone mockup */
.mk-ph{width:100%;max-width:330px;background:#fff;color:#1a1a2e;border-radius:32px;padding:18px;border:7px solid #2f2f55;box-shadow:0 30px 60px rgba(0,0,0,.5);margin:0 auto}
.mk-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mk-hd b{font-size:15px;line-height:1.4;display:block}.mk-hd small{display:block;color:#565c75;font-size:12px}
.mk-bub{background:#eef0f8;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.7;margin-bottom:6px}
.mk-opt{border:2px solid #e1e4f2;border-radius:12px;padding:9px 12px;font-size:13.5px;font-weight:700;margin-top:8px;line-height:1.6}
.mk-opt.ok{border-color:#007a62;background:#ddf5ee;color:#005c4a}.mk-opt.bad{border-color:#c8000a;background:#fde8ea;color:#9a0008}
.mk-fb{background:#fff1cc;color:#6b4500;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.7;margin-top:10px;font-weight:700}
.mk-wv{height:26px;display:flex;align-items:center;gap:3px;margin-top:8px}.mk-wv i{width:4px;background:var(--ac);border-radius:2px}
.mk-pr{height:8px;background:#e1e4f2;border-radius:9px;overflow:hidden;margin:4px 0 14px}.mk-pr i{display:block;height:100%;background:var(--ac)}
/* logos */
.mk-lg{width:40px;height:40px;object-fit:contain;flex:none;display:block}
.mk-lg.s{width:44px;height:44px}
.mk-strip{background:#fff;border-bottom:1px solid #e1e4f2}.mk-strip .mk-w{display:flex;align-items:center;justify-content:space-between;gap:18px;height:92px}
.mk-sl{font-weight:800;color:#565c75;font-size:13px;max-width:130px;line-height:1.5;flex:none}
.mk-strip .mk-lg{opacity:.92}
/* stats */
.mk-sb{margin-top:-58px;position:relative;z-index:2}
.mk-sb .mk-w{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;box-shadow:0 16px 46px rgba(26,26,46,.16);padding:26px 8px;max-width:1060px}
.mk-sb .x{text-align:center;border-inline-start:1px solid #e1e4f2;padding:0 8px}.mk-sb .x:first-child{border:0}
.mk-sb b{display:block;font-size:clamp(28px,4vw,42px);font-weight:900;color:var(--ac);line-height:1.2}.mk-sb span{font-size:14px;color:#565c75;font-weight:700}
.mk-sb+.mk-strip{margin-top:40px;border-top:1px solid #e1e4f2}
/* sections */
.mk-sec{padding:72px 0 0}
.mk-sh{max-width:680px}.mk-k{font-size:13px;font-weight:800;color:var(--ac);letter-spacing:.04em}
.mk-h2{font-size:clamp(24px,3.4vw,34px);font-weight:900;margin:4px 0 8px;line-height:1.4;color:#1a1a2e}
.mk-mu{color:#565c75;line-height:1.85;margin:0;font-size:15.5px}
.mk-g{display:grid;gap:18px;margin-top:30px}.mk-g2{grid-template-columns:1fr 1fr}.mk-g3{grid-template-columns:repeat(3,1fr)}.mk-g4{grid-template-columns:repeat(4,1fr)}.mk-g5{grid-template-columns:repeat(5,1fr)}.mk-g6{grid-template-columns:repeat(6,1fr)}
.mk-c{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 24px rgba(26,26,46,.07);border:1px solid rgba(0,0,0,.05)}
.mk-c h3{font-size:18px;font-weight:800;margin:0 0 6px;color:#1a1a2e;line-height:1.5}
.mk-n{width:46px;height:46px;border-radius:13px;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;margin-bottom:14px}
.mk-ic{width:46px;height:46px;border-radius:13px;background:#eef0f8;color:var(--ac);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.mk-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(140px,auto);gap:18px;margin-top:30px}
.mk-bento .big{grid-column:span 2;grid-row:span 2;background:#1a1a2e;padding:32px;border:0}.mk-bento .big h3{font-size:26px;color:#fff}.mk-bento .big .mk-mu{color:#c9cbe0}.mk-bento .big .num{font-size:80px;font-weight:900;color:#FFBA00;line-height:1}
.mk-tl{background:#fff;border:1px solid #e1e4f2;border-radius:14px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 6px;text-align:center}
.mk-tl .mk-lg{width:64px;height:40px}
.mk-tl b{font-size:12.5px;color:#1a1a2e;line-height:1.3}.mk-tl.d{background:#1a1a2e}.mk-tl.d b{color:#fff}
.mk-mn{width:40px;height:40px;border-radius:10px;background:#e1e4f2;color:#1a1a2e;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center}
.mk-tag{display:inline-block;background:var(--ac);color:#fff;border-radius:8px;padding:1px 10px;font-weight:800;font-size:12.5px}
.mk-sc{display:flex;gap:14px;align-items:flex-start}.mk-sc .mk-lg{background:#f5f6fa;border-radius:12px;padding:9px;box-sizing:content-box}
.mk-band{background:#1a1a2e;color:#fff;margin-top:72px;padding:60px 0}.mk-band .mk-h2{color:#fff}.mk-band .mk-k{color:#FFBA00}
.mk-dk{background:#23233d;border-radius:18px;padding:24px}.mk-dk .mk-mu{color:#c9cbe0}
.mk-de{direction:ltr;text-align:left;font-weight:800;font-size:18px;color:#FFBA00;margin:0 0 8px;line-height:1.5}
.mk-tlin{border-inline-start:3px solid var(--ac);padding:0 22px 20px;position:relative}.mk-tlin:last-child{padding-bottom:0}
.mk-tlin:before{content:"";position:absolute;inset-inline-start:-9px;top:5px;width:15px;height:15px;border-radius:50%;background:var(--ac)}
.mk-ul{margin:10px 0 0;padding:0;list-style:none}.mk-ul li{position:relative;padding-inline-start:20px;margin:0 0 8px;color:#565c75;font-size:15px;line-height:1.8}.mk-ul li:before{content:"";position:absolute;inset-inline-start:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--ac)}
.mk-note{font-size:13px;color:#565c75;margin-top:22px;line-height:1.8}
/* contact + cta */
.mk-ct{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch}
.mk-ct .mk-big{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 24px rgba(26,26,46,.08);border:1px solid rgba(0,0,0,.05)}
.mk-em{display:block;direction:ltr;text-align:right;font-size:clamp(18px,3.4vw,28px);font-weight:900;color:var(--ac);text-decoration:none;margin:14px 0 4px;word-break:break-all}
.mk-row{display:flex;gap:14px;align-items:center;background:#fff;border-radius:16px;padding:16px 18px;margin-bottom:12px;box-shadow:0 4px 24px rgba(26,26,46,.06);border:1px solid rgba(0,0,0,.05)}
.mk-row b{display:block;color:#1a1a2e}.mk-row span{color:#565c75;font-size:14px}.mk-row .mk-n{margin:0;flex:none}
.mk-cta{margin-top:72px;background:var(--ac);color:#fff;padding:56px 0;text-align:center}
.mk-cta h2{font-size:clamp(24px,4vw,38px);font-weight:900;margin:0 0 10px;color:#fff}.mk-cta p{margin:0 0 22px;font-size:18px;color:#fff}
.mk-cta .mk-btn{background:#1a1a2e}
/* footer */
.mk-ft{background:#12121f;color:#c9cbe0;padding:44px 0 24px}
.mk-ft .mk-w{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.mk-ft h4{color:#fff;margin:0 0 12px;font-size:16px;font-weight:800}
.mk-ft p,.mk-ft a{display:block;margin:0 0 6px;color:#c9cbe0;text-decoration:none;font-size:14.5px;line-height:1.8}
.mk-ft a:hover{color:#FFBA00}.mk-ft a.e{color:#FFBA00;font-weight:800;direction:ltr;text-align:right}
.mk-cp{border-top:1px solid #2a2a45;margin:26px auto 0;padding-top:16px;text-align:center;font-size:13px;color:#8b8fb0;max-width:1060px}

/* about */
.mk-story p{margin:0 0 16px;line-height:2.1;font-size:16px;color:#2a2a4a}.mk-story p:last-child{margin:0}.mk-story strong{color:#1a1a2e;font-weight:800}
.mk-g.s{grid-template-columns:1.5fr 1fr;align-items:start}
.mk-av{width:84px;height:84px;border-radius:50%;background:#FFBA00;color:#1a1a2e;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:900;margin:4px auto 12px}
.mk-badge{display:inline-block;background:#fff1cc;color:#6b4500;border-radius:10px;padding:4px 14px;font-weight:800;font-size:14px}
.mk-pct{display:inline-block;background:#ddf5ee;color:#005c4a;border-radius:8px;padding:1px 10px;font-weight:800;font-size:13px;margin-inline-start:6px}
.mk-chip{display:inline-block;background:#23233d;color:#FFBA00;border:1px solid #3b3b66;border-radius:99px;padding:5px 14px;margin:0 0 8px 8px;font-weight:700;font-size:14px}
.mk-pj{background:#1a1a2e;color:#fff;border-radius:22px;padding:36px;margin-top:30px}.mk-pj h3{font-size:28px;margin:6px 0 4px;color:#fff;direction:ltr;text-align:right}.mk-pj .mk-mu{color:#c9cbe0}
.mk-pj .mk-ul li{color:#e4e6f7}.mk-pj .mk-ul li:before{background:#FFBA00}
.mk-meta{font-size:14px;color:#565c75;font-weight:700;margin:2px 0 8px}
/* youtube extras */
.mk-yt-i{display:flex;gap:12px;align-items:center}.mk-pl{width:44px;height:32px;border-radius:9px;background:#D00000;display:flex;align-items:center;justify-content:center;flex:none}
/* nav extras used on redesigned pages */
.mk-pg{padding-top:0}
@media(max-width:900px){
 .mk-hero .mk-w{grid-template-columns:1fr;gap:36px}.mk-hero{padding:48px 0 88px}
 .mk-g3,.mk-g4,.mk-g5{grid-template-columns:1fr 1fr}.mk-g6{grid-template-columns:repeat(3,1fr)}
 .mk-bento{grid-template-columns:1fr 1fr}.mk-bento .big{grid-column:span 2;grid-row:auto}
 .mk-g.s{grid-template-columns:1fr}
 .mk-ct{grid-template-columns:1fr}.mk-ft .mk-w{grid-template-columns:1fr 1fr}.mk-ft .mk-w>div:first-child{grid-column:1/-1}
 .mk-strip .mk-w{overflow-x:auto;gap:22px}.mk-sl{max-width:none;white-space:nowrap}
}
@media(max-width:600px){
 .mk-g2,.mk-g3,.mk-g4,.mk-g5{grid-template-columns:1fr}.mk-g6{grid-template-columns:repeat(2,1fr)}
 .mk-sb .mk-w{grid-template-columns:1fr 1fr;row-gap:18px}.mk-sb .x:nth-child(3){border-inline-start:0}
 .mk-sec{padding-top:52px}.mk-band{margin-top:52px;padding:44px 0}.mk-cta{margin-top:52px;padding:44px 0}
 .mk-bento{grid-template-columns:1fr}.mk-bento .big{grid-column:auto}.mk-bento .big .num{font-size:60px}
 .mk-ft .mk-w{grid-template-columns:1fr}
 .mk-btns .mk-btn{flex:1 1 100%;text-align:center}
}