:root{--background:#f8fafc;--foreground:#172436;--primary:#396da8;--primary-foreground:#fff;--secondary:#f5b34f;--muted:#edf1f5;--muted-foreground:#64748b;--border:#dce3ea;--card:#fff;--radius:12px}
*{box-sizing:border-box}html{direction:rtl;scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:"Tajawal",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:"Cairo",sans-serif;text-wrap:balance}.page-shell{min-height:100vh;display:flex;flex-direction:column}.site-container{width:min(100%,1280px);margin-inline:auto;padding-inline:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(248,250,252,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.footer-brand{display:flex;align-items:center;gap:12px;color:var(--foreground);font-family:"Cairo",sans-serif;font-size:20px;font-weight:700;text-decoration:none;white-space:nowrap}.brand-logo,.footer-logo{display:grid;place-items:center;background:#fff;padding:4px;border:1px solid rgba(220,227,234,.75);border-radius:6px;box-shadow:0 1px 2px rgba(15,23,42,.06)}.brand-logo img{width:auto;height:40px;display:block;object-fit:contain;border-radius:3px}.header-nav{display:flex;align-items:center;gap:32px;font-weight:700}.header-nav a{color:var(--muted-foreground);text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--primary)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.header-cta{background:var(--primary);color:#fff;padding:10px 24px;box-shadow:0 1px 2px rgba(15,23,42,.12)}.header-cta:hover,.button:hover{transform:translateY(-1px)}.header-cta svg{width:17px;height:17px}
main{flex:1;padding-top:80px}.page-content{padding-top:22px;padding-bottom:72px}.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-size:14px;margin:0 0 18px}.breadcrumbs a{color:var(--primary);font-weight:700;text-decoration:none}.service-hero{position:relative;overflow:hidden;padding:56px 8%;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#edf4fb 100%);box-shadow:0 18px 40px rgba(15,47,81,.06)}.service-hero::before{content:"";position:absolute;width:280px;height:280px;left:-100px;top:-150px;border-radius:50%;background:rgba(245,179,79,.12);filter:blur(3px)}.service-hero>*{position:relative}.eyebrow{color:#d5922d;font-family:"Cairo",sans-serif;font-weight:800;font-size:14px;margin:0 0 10px}.service-hero h1{max-width:780px;margin:0 0 16px;color:#173c66;font-size:clamp(32px,5vw,54px);line-height:1.25;font-weight:900}.lead{max-width:760px;margin:0;color:#475d74;font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{padding:12px 22px}.primary{background:#173c66;color:#fff}.secondary{background:#fff;color:#173c66;border:1px solid #173c66}.service-section{margin-top:32px;padding:36px;border-radius:20px;background:var(--card);border:1px solid var(--border)}.section-heading{margin-bottom:24px}.section-heading h2,.split-section h2{margin:0;color:#173c66;font-size:28px;line-height:1.4}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{padding:24px;background:var(--background);border:1px solid var(--border);border-radius:16px;transition:box-shadow .2s,transform .2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(15,47,81,.09)}.service-card::before{content:"";display:block;width:36px;height:4px;border-radius:5px;background:var(--secondary);margin-bottom:14px}.service-card h3{margin:0 0 8px;color:#173c66;font-size:18px}.service-card p,.section-copy p{margin:0;color:var(--muted-foreground)}.split-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:42px}.section-copy{display:grid;gap:16px}.section-copy a{color:var(--primary);font-weight:700;text-decoration:none}.related-section{background:linear-gradient(135deg,#fff 0%,#f6f9fc 100%)}.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-links a{padding:16px 18px;border-radius:12px;color:#173c66;background:#fff;border:1px solid var(--border);font-weight:700;text-decoration:none;transition:border-color .2s,background .2s}.related-links a:hover{background:#eef5fb;border-color:#9dbbd9}
.site-footer{margin-top:auto;background:rgba(237,241,245,.4);border-top:1px solid var(--border)}.footer-inner{padding-top:48px;padding-bottom:32px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-brand{font-size:20px}.footer-logo img{width:32px;height:32px;display:block;object-fit:contain;border-radius:3px}.footer-location{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-weight:500}.footer-location svg{width:20px;height:20px;color:var(--primary)}.social-icons{display:flex;align-items:center;gap:12px}.social-icons a{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);color:var(--primary);background:var(--background);transition:background .2s,color .2s,border-color .2s}.social-icons a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.social-icons svg{width:20px;height:20px}.footer-bottom{margin-top:32px;padding-top:28px;border-top:1px solid var(--border);color:var(--muted-foreground);text-align:center;font-size:14px}
@media(max-width:760px){.site-container{padding-inline:18px}.header-inner{height:68px;gap:12px}.brand{font-size:15px;gap:8px}.brand-logo img{height:34px}.header-nav{display:none}.header-cta{padding:8px 12px;font-size:12px}.header-cta svg{width:15px;height:15px}main{padding-top:68px}.page-content{padding-top:18px;padding-bottom:48px}.service-hero{padding:40px 24px;border-radius:18px}.service-hero h1{font-size:34px}.lead{font-size:17px}.service-section{margin-top:22px;padding:26px 22px;border-radius:16px}.section-heading h2,.split-section h2{font-size:24px}.service-grid,.related-links,.split-section{grid-template-columns:1fr}.split-section{gap:18px}.footer-inner{padding-top:36px}.footer-top{flex-direction:column;gap:20px}.footer-brand{font-size:18px}.footer-bottom{margin-top:28px;padding-top:24px}.hero-actions .button{width:100%}}