:root{color-scheme:dark;--bg:#020617;--surface:#0f172a;--surface-2:#1a2112;--text:#f7fafc;--muted:#b5c0cc;--accent:#bdd197;--accent-strong:#7a9450;--line:rgba(255,255,255,.12);--glass:rgba(15,23,42,.82);--shadow:0 28px 70px -28px rgba(0,0,0,.72);--font-ar:"thmanyah sans","IBM Plex Sans Arabic","Noto Kufi Arabic",sans-serif;--font-en:"Inter",sans-serif;--content-max:1180px}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f7f1;--surface:#fff;--surface-2:#edf2e5;--text:#172012;--muted:#596452;--accent:#5d7438;--accent-strong:#4d612e;--line:rgba(30,45,23,.15);--glass:rgba(255,255,255,.92);--shadow:0 24px 60px -28px rgba(31,47,24,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-en);line-height:1.75}html[lang="ar"] body{font-family:var(--font-ar);letter-spacing:normal}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent-strong);color:#fff}.container{width:min(var(--content-max),calc(100% - 48px));margin-inline:auto}
html[lang="ar"],html[lang="ar"] body,html[lang="ar"] body *{font-family:var(--font-ar)!important;letter-spacing:normal!important}
.skip-link{position:fixed;z-index:200;inset-block-start:10px;inset-inline-start:12px;padding:10px 16px;transform:translateY(-160%);background:var(--text);color:var(--bg);text-decoration:none}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;inset-block-start:10px;z-index:80;padding-block:8px}.site-header__inner{position:relative;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 12px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg) 86%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.brand__mark{width:70px;height:70px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.brand__mark img{width:70px;height:70px;object-fit:contain;filter:grayscale(1) invert(1) contrast(1.45);transform:scale(1.28)}:root[data-theme="light"] .brand__mark img{filter:grayscale(1) contrast(1.45);mix-blend-mode:multiply}.brand__copy{display:flex;flex-direction:column;line-height:1.25}.brand__copy strong{font-size:1rem}.brand__copy small{margin-block-start:4px;color:var(--accent);font-size:.72rem;font-weight:700}
.site-nav{display:flex;align-items:center;gap:2px}.site-nav>a,.services-menu__trigger{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:750;text-decoration:none;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.site-nav>a:hover,.site-nav>a[aria-current="page"],.services-menu__trigger:hover,.services-menu__trigger[aria-expanded="true"]{color:var(--text);background:color-mix(in srgb,var(--accent) 13%,transparent)}
.services-menu{position:relative}.services-menu__trigger{gap:6px}.services-menu__trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;transition:transform .18s ease}.services-menu__trigger[aria-expanded="true"] svg{transform:rotate(180deg)}.services-menu__panel{position:absolute;display:none;width:min(660px,calc(100vw - 48px));inset-block-start:calc(100% + 14px);inset-inline-start:0;padding:14px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(24px)}html[dir="rtl"] .services-menu__panel{inset-inline-start:auto;inset-inline-end:0}.services-menu.is-open .services-menu__panel{display:block}.services-menu__overview{display:flex;justify-content:space-between;gap:18px;margin-block-end:10px;padding:12px 14px;color:var(--accent);font-weight:800;text-decoration:none}.services-menu__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.services-menu__grid>a{display:grid;grid-template-columns:10px 1fr;gap:4px 10px;padding:14px;border:1px solid transparent;border-radius:14px;text-decoration:none}.services-menu__grid>a:hover{border-color:var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent)}.services-menu__icon{width:8px;height:8px;margin-block-start:.55em;border:1px solid var(--accent);border-radius:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.services-menu__grid strong{font-size:.88rem}.services-menu__grid small{grid-column:2;color:var(--muted);font-size:.72rem;line-height:1.55}
.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.language-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--text);text-decoration:none;cursor:pointer}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.language-link{padding-inline:12px;font-size:.75rem;font-weight:800}.menu-button{display:none}.icon-button [data-theme-icon="moon"]{display:none}:root[data-theme="light"] .icon-button [data-theme-icon="sun"]{display:none}:root[data-theme="light"] .icon-button [data-theme-icon="moon"]{display:block}
.site-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid color-mix(in srgb,var(--accent) 56%,var(--line));border-radius:13px;background:var(--accent-strong);color:#fff!important;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.site-button:hover{transform:translateY(-2px);box-shadow:0 15px 34px -20px var(--accent)}.site-button--secondary{background:transparent;color:var(--text)!important;border-color:var(--line)}.site-button--compact{min-height:42px!important;padding:8px 14px!important;margin-inline-start:5px}.site-card{border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:var(--shadow)}
.site-nav>a.site-button,.header-nav>a.site-button{background:var(--accent-strong);color:#fff!important;border-color:transparent}
.site-footer{padding-block:64px 30px;border-block-start:1px solid var(--line);color:var(--muted)}.site-footer__lead{display:flex;justify-content:space-between;align-items:center;gap:28px}.site-footer__lead p{max-width:520px;margin:0}.site-footer__pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-block:32px}.site-footer__pillars a{padding:14px;border:1px solid var(--line);border-radius:13px;color:var(--text);text-decoration:none;font-size:.86rem;font-weight:750}.site-footer__inner,.site-footer__inner nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.site-footer__inner{justify-content:space-between;padding-block-start:24px;border-block-start:1px solid var(--line)}.site-footer a{text-underline-offset:4px}.disclaimer{margin-block-start:24px;padding:14px 16px;border-inline-start:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--muted);font-size:.79rem}
.dossier-visual{position:relative;width:min(100%,520px);min-height:430px;margin-inline:auto;isolation:isolate}.dossier-layer{position:absolute;inset-inline:8%;min-height:255px;padding:28px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);transform:translate3d(var(--layer-x,0),var(--layer-y,0),0);animation:dossier-enter .46s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--layer-delay,0ms)}.dossier-layer::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:18px;width:82px;height:8px;border-radius:0 0 8px 8px;background:var(--accent);opacity:.72}.dossier-layer:nth-child(1){--layer-x:-8%;--layer-y:0px;--layer-delay:0ms;z-index:1}.dossier-layer:nth-child(2){--layer-x:-3%;--layer-y:48px;--layer-delay:70ms;z-index:2}.dossier-layer:nth-child(3){--layer-x:3%;--layer-y:96px;--layer-delay:140ms;z-index:3}.dossier-layer:nth-child(4){--layer-x:8%;--layer-y:144px;--layer-delay:210ms;z-index:4}.dossier-layer__header{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.75rem}.dossier-layer__trace{height:1px;margin-block:22px;background:linear-gradient(90deg,var(--accent),var(--line),transparent)}.dossier-layer strong{display:block;max-width:300px;color:var(--text);font-size:1rem}@keyframes dossier-enter{from{opacity:0;transform:translate3d(var(--layer-x),calc(var(--layer-y) + 22px),0)}to{opacity:1;transform:translate3d(var(--layer-x),var(--layer-y),0)}}
@media(max-width:1080px){.site-nav>a,.services-menu__trigger{padding-inline:8px;font-size:.72rem}.site-button--compact{display:none!important}}
@media(max-width:900px){.menu-button{display:inline-flex}.site-nav{position:absolute;inset-block-start:calc(100% + 10px);inset-inline:0;display:none;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg) 97%,transparent);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav>a,.services-menu__trigger{width:100%;justify-content:space-between;text-align:start;font-size:.86rem}.site-nav>a.site-button{display:inline-flex!important;justify-content:center;margin:6px 0 0}.services-menu__panel{position:static;width:auto;margin-block-start:6px;border-radius:14px;box-shadow:none}.services-menu__grid{grid-template-columns:1fr}.site-footer__pillars{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 30px,var(--content-max))}.site-header{inset-block-start:5px}.site-header__inner{min-height:74px;gap:7px;padding-inline:8px}.brand{gap:7px}.brand__mark,.brand__mark img{width:58px;height:58px}.brand__copy strong{font-size:.88rem}.brand__copy small{display:none}.language-link{padding-inline:9px}.site-footer__lead,.site-footer__inner{align-items:flex-start;flex-direction:column}.site-footer__pillars{grid-template-columns:1fr}.dossier-visual{min-height:360px}.dossier-layer{inset-inline:5%;min-height:220px;padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.dossier-layer{opacity:1}}
@media(min-width:901px){html[dir="rtl"] .services-menu__panel{inset-inline-start:0;inset-inline-end:auto}}