:root{--navy:#101b33;--navy2:#17284b;--red:#d71920;--gold:#f6b73c;--bg:#f3f5fa;--text:#172033;--muted:#64748b;--card:#ffffff}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#eef2f8,#fff 38%,#f3f5fa);color:var(--text);line-height:1.9}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:50;padding:10px 14px;background:rgba(243,245,250,.88);backdrop-filter:blur(10px)}.top-frame{max-width:1280px;margin:auto;display:flex;align-items:center;gap:16px;padding:10px;border:2px solid rgba(215,25,32,.18);border-radius:24px;background:linear-gradient(135deg,var(--navy),var(--navy2));box-shadow:0 15px 45px rgba(16,27,51,.18)}.brand img{width:250px;max-height:74px;object-fit:contain}.main-nav{flex:1}.main-nav ul{list-style:none;display:flex;gap:8px;align-items:center;justify-content:center;margin:0;padding:0}.main-nav a{color:#fff;padding:10px 12px;border-radius:14px;display:block;font-weight:700}.main-nav a:hover{background:rgba(255,255,255,.12)}.header-cta,.btn-primary{background:linear-gradient(135deg,var(--red),#a80f16);color:#fff;padding:12px 18px;border-radius:16px;font-weight:800;box-shadow:0 10px 20px rgba(215,25,32,.25)}.btn-secondary{background:#fff;color:var(--navy);padding:12px 18px;border-radius:16px;font-weight:800}.menu-toggle{display:none;background:var(--gold);border:0;border-radius:14px;padding:9px 13px;font-size:22px}.hero{max-width:1320px;margin:22px auto;padding:0 16px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.hero-media img{border-radius:32px;box-shadow:0 25px 60px rgba(16,27,51,.22);border:6px solid #fff}.hero-content{background:linear-gradient(135deg,var(--navy),#24375f);color:#fff;border-radius:32px;padding:34px;box-shadow:0 25px 60px rgba(16,27,51,.20);border:1px solid rgba(255,255,255,.15)}.hero-content span,.eyebrow,.section-title span{color:var(--gold);font-weight:800}.hero h1{font-size:42px;line-height:1.35;margin:10px 0}.hero p{font-size:18px;color:#e2e8f0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.section{max-width:1260px;margin:34px auto;padding:34px 18px}.section-title{text-align:center;margin-bottom:24px}.section-title h2,.section h2{font-size:32px;margin:6px 0;color:var(--navy)}.service-grid,.posts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.post-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 14px 34px rgba(16,27,51,.08)}.service-card div,.post-card{padding:16px}.service-card img{aspect-ratio:3/2;object-fit:cover}.service-card h3,.post-card h3,.post-card h2{color:var(--navy);margin:0 0 8px}.dark-block{background:linear-gradient(135deg,var(--navy),#24375f);border-radius:36px;color:#fff}.section-title.light h2{color:#fff}.features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.feature{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px;text-align:center;font-weight:800}.split,.visual{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;background:#fff;border-radius:34px;border:1px solid #e2e8f0;box-shadow:0 14px 40px rgba(16,27,51,.08)}.split img,.visual img{border-radius:26px;width:100%;object-fit:cover}.reverse{grid-template-columns:1.2fr 1fr}.quote-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;background:linear-gradient(135deg,#fff,#eef2f8);border:2px solid rgba(215,25,32,.12);border-radius:34px;padding:26px;box-shadow:0 18px 45px rgba(16,27,51,.10)}.quote-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quote-form input,.quote-form select,.quote-form textarea{border:1px solid #cbd5e1;border-radius:14px;padding:13px;font:inherit}.quote-form textarea{grid-column:1/-1;min-height:110px}.quote-form button{grid-column:1/-1;border:0;background:var(--red);color:#fff;border-radius:16px;padding:14px;font-weight:900;font-size:17px}.quote-msg{grid-column:1/-1;color:var(--navy);font-weight:800}.faq details{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin:10px 0;padding:14px}.faq summary{font-weight:900;color:var(--navy);cursor:pointer}.final-cta{margin:40px auto;max-width:1180px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--red),var(--navy));border-radius:34px;padding:38px 20px}.site-footer{background:var(--navy);color:#fff;margin-top:40px}.footer-wrap{max-width:1320px;margin:auto;padding:36px 16px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:18px}.footer-about,.footer-col{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:18px}.footer-about img{max-width:260px;margin-bottom:12px}.footer-badges{display:flex;flex-wrap:wrap;gap:8px}.footer-badges span{background:rgba(246,183,60,.14);border:1px solid rgba(246,183,60,.25);border-radius:999px;padding:6px 10px}.footer-col h3{color:var(--gold);margin:0 0 8px}.footer-links{list-style:none;margin:0;padding:0}.footer-links a{display:block;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.footer-bottom{text-align:center;padding:16px;background:rgba(0,0,0,.18)}.float-actions{position:fixed;bottom:22px;right:18px;z-index:80;display:flex;flex-direction:column;gap:10px}.float-actions a,.to-top{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;border:3px solid #fff;box-shadow:0 10px 25px rgba(0,0,0,.18)}.float-actions .call{background:var(--red)}.float-actions .wa{background:#25d366}.to-top{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);z-index:80;opacity:0;pointer-events:none}.to-top.show{opacity:1;pointer-events:auto}.single-wrap,.page-content{max-width:1080px;margin:28px auto;background:#fff;border-radius:28px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 16px 45px rgba(16,27,51,.08)}.single-head h1,.page-content h1{background:linear-gradient(135deg,var(--navy),var(--red));color:#fff;border-radius:22px;padding:18px;font-size:32px}.featured-frame{margin:20px 0;padding:10px;border-radius:26px;border:3px solid var(--red);background:linear-gradient(135deg,#fff,#fff4f4)}.featured-frame img{border-radius:18px;width:100%}.featured-frame figcaption{padding:14px;color:var(--muted);font-weight:700}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{border-right:6px solid var(--red);background:linear-gradient(135deg,#f8fafc,#eef2f8);border-radius:16px;padding:12px 15px;color:var(--navy)}.article-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article-body th{background:var(--navy);color:#fff}.article-body td,.article-body th{border:1px solid #e5e7eb;padding:10px}.toc-box{display:inline-block;max-width:100%;background:#f8fafc;border:2px solid rgba(215,25,32,.18);border-radius:18px;padding:10px;margin:16px 0}.toc-toggle{background:var(--navy);color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:900}.toc-list{display:none;padding:10px}.toc-box.open .toc-list{display:grid;gap:6px}.toc-list a{color:var(--navy);font-weight:800}.page-head{max-width:1100px;margin:30px auto;padding:32px;background:#fff;border-radius:28px;text-align:center}.related{margin-top:28px}@media(max-width:980px){.service-grid,.posts-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}.footer-wrap{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.quote-box,.split,.visual,.reverse{grid-template-columns:1fr}.hero-content{order:2}.hero-media{order:1}.hero h1{font-size:30px}}@media(max-width:760px){.site-header{padding:8px}.top-frame{border-radius:18px}.brand img{width:178px}.menu-toggle{display:block;margin-inline-start:auto}.header-cta{display:none}.main-nav{position:absolute;top:88px;right:10px;left:10px;background:linear-gradient(135deg,var(--navy),#263b67);border:2px solid var(--gold);border-radius:20px;padding:10px;display:none}.main-nav.open{display:block}.main-nav ul{display:grid;gap:6px}.hero{padding:0 10px}.hero-content{padding:22px;border-radius:24px}.hero p{font-size:16px}.section{padding:24px 10px}.service-grid,.posts-grid,.features-grid,.footer-wrap,.quote-form{grid-template-columns:1fr}.single-wrap,.page-content{margin:14px 10px;padding:14px}.single-head h1,.page-content h1{font-size:25px}.float-actions a,.to-top{width:48px;height:48px}.footer-links a{max-width:100%}}


body{font-family:"Tajawal","Cairo","Segoe UI",Tahoma,Arial,sans-serif;background:radial-gradient(circle at top right,rgba(215,25,32,.10),transparent 32%),linear-gradient(180deg,#e9eef7 0,#f7f9fc 34%,#eef2f8 100%)}
.brand{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border-radius:18px;padding:6px 10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 8px 22px rgba(0,0,0,.16);min-width:260px}.brand img{width:260px;max-height:86px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(255,255,255,.8))}.footer-about>a{display:inline-flex;background:#fff;border-radius:20px;padding:10px 14px;margin-bottom:14px;box-shadow:0 12px 28px rgba(0,0,0,.22)}.footer-about img{max-width:300px;max-height:105px;object-fit:contain;margin:0}.section-title.framed-title,.section-copy{position:relative;background:linear-gradient(135deg,#fff,#f5f7fb);border:2px solid rgba(215,25,32,.12);border-radius:28px;padding:22px 24px;box-shadow:0 18px 38px rgba(16,27,51,.09);overflow:hidden}.section-title.framed-title:before,.section-copy:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--red),var(--gold),var(--navy))}.section-title span,.eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(215,25,32,.10);color:var(--red)!important;border:1px solid rgba(215,25,32,.18);border-radius:999px;padding:4px 12px;font-weight:900}.section-title h2,.section h2{display:inline-block;background:linear-gradient(135deg,var(--navy),#24375f);color:#fff!important;border-right:7px solid var(--red);border-bottom:3px solid var(--gold);border-radius:18px;padding:10px 18px;line-height:1.45;box-shadow:0 12px 24px rgba(16,27,51,.16)}.section-title p,.section-copy p{font-size:17px;color:#40506a;max-width:900px;margin:12px auto 0}.section-copy p{margin:12px 0 0}.dark-block .section-title.framed-title{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.dark-block .section-title p{color:#e2e8f0}.service-card{border:0;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 18px 42px rgba(16,27,51,.12);position:relative}.service-card:after{content:"";position:absolute;inset:auto 18px 0 18px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--gold))}.service-card div{padding:18px 18px 22px}.service-card h3{font-size:21px}.service-card p{color:#475569;margin:0 0 10px}.service-card ul,.icon-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.service-card li,.icon-list li{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:8px 10px;font-weight:800;color:#1e293b}.split,.visual{padding:18px;background:linear-gradient(135deg,#fff,#f6f8fc);border:2px solid rgba(16,27,51,.08)}.split>img,.visual>img{box-shadow:0 14px 32px rgba(16,27,51,.12);border:5px solid #fff}.features-grid{align-items:stretch}.feature{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:16px}.float-actions{right:18px;bottom:20px;gap:12px}.float-btn{width:66px!important;height:66px!important;border-radius:50%!important;display:grid!important;place-items:center!important;position:relative;border:4px solid #fff!important;color:#fff!important;box-shadow:0 16px 32px rgba(0,0,0,.25),0 0 0 7px rgba(255,255,255,.18)!important;transition:.2s ease;overflow:visible}.float-btn:hover{transform:translateY(-3px) scale(1.03)}.float-btn.call{background:linear-gradient(135deg,#ef233c,#a80f16)!important}.float-btn.wa{background:#25d366!important}.float-icon{font-size:29px;line-height:1}.float-btn.wa .float-icon{font-size:0}.float-btn.wa .float-icon:before{content:"";width:31px;height:31px;display:block;background:#fff;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16.02 3.2A12.7 12.7 0 0 0 5.1 22.4L3.5 28.8l6.55-1.55A12.7 12.7 0 1 0 16.02 3.2Zm0 2.35a10.34 10.34 0 0 1 8.78 15.8 10.34 10.34 0 0 1-13.6 3.55l-.47-.27-3.9.92.94-3.8-.3-.5A10.35 10.35 0 0 1 16.02 5.55Zm-4.2 4.95c-.23 0-.6.08-.92.44-.32.35-1.2 1.18-1.2 2.88s1.23 3.34 1.4 3.57c.17.23 2.38 3.8 5.9 5.17 2.93 1.15 3.53.92 4.17.86.64-.06 2.06-.84 2.35-1.65.29-.81.29-1.5.2-1.65-.08-.15-.32-.23-.67-.4-.35-.18-2.06-1.02-2.38-1.13-.32-.12-.55-.18-.78.17-.23.35-.9 1.13-1.1 1.36-.2.23-.4.26-.75.09-.35-.18-1.48-.55-2.82-1.74-1.04-.93-1.75-2.08-1.95-2.43-.2-.35-.02-.54.15-.71.16-.16.35-.4.52-.6.17-.2.23-.35.35-.58.12-.23.06-.43-.03-.6-.09-.18-.78-1.88-1.07-2.58-.28-.67-.57-.58-.78-.59h-.59Z"/></svg>') center/contain no-repeat}.float-text{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#fff;color:var(--navy);border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px rgba(16,27,51,.12)}.to-top{width:54px!important;height:54px!important;background:linear-gradient(135deg,var(--navy),var(--red));border:4px solid #fff;box-shadow:0 12px 28px rgba(0,0,0,.22)}
@media(max-width:760px){.top-frame{border-radius:22px;align-items:center;position:relative}.brand{min-width:auto;width:190px;padding:5px 8px}.brand img{width:175px;max-height:64px}.menu-toggle{display:block;margin-inline-start:auto}.header-cta{display:none}.main-nav{position:absolute;top:calc(100% + 10px);right:0;left:0;background:linear-gradient(135deg,var(--navy),#263b66);border:2px solid rgba(246,183,60,.35);border-radius:24px;padding:12px;box-shadow:0 22px 50px rgba(16,27,51,.28);display:none}.main-nav.open{display:block}.main-nav ul{display:grid;grid-template-columns:1fr;gap:8px}.main-nav a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:center}.hero-content{order:2}.hero-media{order:1}.hero-content p{font-size:16px}.section{padding:24px 12px}.section-title h2,.section h2{font-size:24px}.service-grid,.posts-grid,.features-grid{grid-template-columns:1fr}.footer-wrap{grid-template-columns:1fr}.float-actions{right:12px;bottom:18px}.float-btn{width:58px!important;height:58px!important}.float-text{display:none}.quote-form{grid-template-columns:1fr}.single-wrap,.page-content{border-radius:20px;padding:14px}.article-body table{font-size:14px}}

.brand{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;min-width:auto!important;max-width:330px}.brand picture,.brand img{display:block}.brand img{width:285px;max-height:82px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.28))}.top-frame{padding:12px 16px}.faq{max-width:1180px;margin-inline:auto}.faq details{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(16,27,51,.10);border-right:5px solid var(--red);border-radius:18px;margin:12px 0;box-shadow:0 12px 28px rgba(16,27,51,.08);overflow:hidden}.faq summary{cursor:pointer;font-weight:900;color:var(--navy);padding:15px 18px;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"؟";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--red),#a80f16);color:#fff;margin-left:10px;font-weight:900}.faq p{margin:0;padding:0 56px 18px 18px;color:#475569;font-weight:700}.faq details[open]{border-right-color:var(--gold)}.faq details[open] summary{background:#f8fafc}
@media(max-width:760px){.brand{max-width:220px!important}.brand img{width:190px;max-height:66px}.top-frame{gap:12px}.menu-toggle{order:-1;margin-inline-start:0;margin-inline-end:auto}.hero-content h1{font-size:27px}.hero-content span{font-size:14px}.hero-content{margin-top:10px}.faq p{padding:0 16px 16px}}
.archive-head{max-width:1180px;margin:32px auto 22px;padding:0 16px;text-align:center}.archive-head h1{display:inline-block;margin:8px 0 14px;padding:13px 24px;border-radius:20px;background:linear-gradient(135deg,var(--navy),#263b67);color:#fff;border-right:7px solid var(--red);border-bottom:3px solid var(--gold);box-shadow:0 14px 30px rgba(16,27,51,.16);font-size:34px;line-height:1.45}.archive-kicker{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--red),#a80f16);color:#fff;border-radius:999px;padding:7px 18px;font-weight:900;box-shadow:0 10px 22px rgba(215,25,32,.22)}.archive-desc{max-width:980px;margin:0 auto;background:linear-gradient(135deg,#fff,#f7f9fc);border:1px solid rgba(16,27,51,.10);border-top:5px solid var(--gold);border-radius:24px;padding:18px 22px;box-shadow:0 16px 36px rgba(16,27,51,.09)}.archive-desc p{margin:0;color:#40506a;font-size:17px;font-weight:700;line-height:2}.archive-grid{max-width:1260px;margin:20px auto 42px;padding:0 16px}.post-card .read-more{display:inline-flex;margin-top:10px;background:linear-gradient(135deg,var(--red),#a80f16);color:#fff;border-radius:999px;padding:5px 13px;font-weight:900}.empty-box{grid-column:1/-1;background:#fff;border-radius:20px;padding:24px;text-align:center;font-weight:900;color:var(--navy);box-shadow:0 12px 28px rgba(16,27,51,.08)}
@media(max-width:760px){.archive-head{margin:22px auto 16px}.archive-head h1{font-size:25px;padding:10px 16px}.archive-desc{padding:15px}.archive-desc p{font-size:15px}}