:root{
 --ink:#071411;--ink-2:#10231e;--ink-3:#18332b;--paper:#f4f3eb;--paper-2:#ebece2;--white:#fff;
 --muted:#607069;--line:#d6dacf;--line-dark:#29443a;--lime:#c8ff62;--mint:#61e6c0;--blue:#66b9ff;
 --orange:#ffac58;--red:#ff6f66;--shadow:0 24px 70px rgba(7,20,17,.11);--radius:24px;
}
@font-face{font-family:MirqabPlex;src:url('../fonts/madar/plex-arabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MirqabPlex;src:url('../fonts/madar/plex-arabic-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:MirqabPlex;src:url('../fonts/madar/plex-arabic-700.woff2') format('woff2');font-weight:700 900;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
body{margin:0;max-width:100%;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:MirqabPlex,Tahoma,sans-serif;line-height:1.6;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img,svg{display:block;max-width:100%}
::selection{background:var(--lime);color:var(--ink)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;inset-inline-start:20px;top:15px;z-index:1000;transform:translateY(-180%);padding:12px 18px;background:var(--lime);color:var(--ink);font-weight:800;border-radius:10px}
.skip-link:focus{transform:none}
.signal-bar{background:var(--ink);color:#cbd9d2;border-bottom:1px solid #1e332c;font-size:11px}
.signal-inner{min-height:34px;display:flex;align-items:center;gap:25px}
.signal-inner>span{display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-weight:700}
.signal-inner>span i,.footer-status>i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(97,230,192,.11),0 0 18px rgba(97,230,192,.55)}
.signal-inner p{margin:0;margin-inline-end:auto}
.signal-inner>a{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.site-header{position:sticky;top:0;z-index:90;background:rgba(244,243,235,.9);border-bottom:1px solid rgba(7,20,17,.11);backdrop-filter:blur(18px)}
.header-inner{height:82px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;margin-inline-end:auto}
.brand>span:last-child{display:grid}
.brand strong{font-size:23px;line-height:1;font-weight:900;letter-spacing:-.03em}
.brand small{margin-top:5px;color:var(--muted);font:600 8px/1 monospace;letter-spacing:1.8px}
.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:1px solid var(--ink);border-radius:50%;background:var(--ink)}
.brand-mark:before,.brand-mark:after{content:'';position:absolute;border:1px solid rgba(97,230,192,.35);border-radius:50%}
.brand-mark:before{width:25px;height:25px}.brand-mark:after{width:12px;height:12px}
.brand-mark i{width:4px;height:4px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.brand-mark b{position:absolute;width:20px;height:1px;background:var(--mint);transform-origin:100% 50%;transform:translateX(-9px) rotate(42deg)}
.main-nav{display:flex;align-items:center;gap:4px}
.main-nav a{position:relative;padding:10px 12px;color:#415049;font-size:13px;font-weight:600;border-radius:10px}
.main-nav a:hover,.main-nav a.is-active{color:var(--ink);background:var(--white)}
.main-nav a.is-active:after{content:'';position:absolute;right:12px;left:12px;bottom:4px;height:2px;background:var(--mint)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:0 19px;border:0;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.header-cta{background:var(--ink);color:var(--white);font-size:12px}
.header-cta b,.button span{color:var(--mint);font-size:18px}
.header-cta:hover,.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--ink);color:var(--white);box-shadow:0 12px 28px rgba(7,20,17,.16)}
.button-primary:hover{box-shadow:0 18px 36px rgba(7,20,17,.24)}
.button-light{background:var(--lime);color:var(--ink)}
.button-light span{color:var(--ink)}
.button-outline{border:1px solid #496359;background:transparent;color:var(--white)}
.button-outline:hover{background:rgba(255,255,255,.07)}
.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:13px}
.text-link span{color:#169b77;font-size:18px;transition:transform .2s ease}
.text-link:hover span{transform:translateX(-4px)}
.nav-toggle{display:none;border:0;background:transparent;align-items:center;gap:3px}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink)}
.nav-toggle b{margin-inline-start:5px;font-size:11px}
.flash{margin-top:18px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-radius:12px;font-size:13px}
.flash.is-success{background:#dff9ee;color:#07553e}.flash.is-error{background:#ffe5e2;color:#8d211c}
.flash button{border:0;background:transparent;font-size:21px;cursor:pointer}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#157d62;font:800 11px/1 monospace;letter-spacing:1.5px;text-transform:uppercase}
.eyebrow:before{content:'';width:18px;height:1px;background:currentColor}
.eyebrow.is-light{color:var(--mint)}
.section-heading{margin-bottom:30px}
.section-heading>h2,.section-heading>div h2{margin:10px 0 0;max-width:790px;font-size:clamp(31px,4.4vw,55px);line-height:1.15;letter-spacing:-.035em}
.section-heading>p,.section-heading>div+p{max-width:510px;margin:0;color:var(--muted);font-size:15px;line-height:1.9}
.section-heading.is-split{display:flex;align-items:flex-end;justify-content:space-between;gap:45px}
.section-heading.centered{text-align:center;display:grid;justify-items:center}
.section-heading.centered>p{margin-top:16px}
.empty-state{grid-column:1/-1;display:grid;justify-items:center;gap:7px;padding:60px 25px;border:1px dashed #aeb8af;border-radius:20px;color:var(--muted);text-align:center}
.empty-state b{color:var(--ink);font-size:21px}.empty-state a{color:#08775b;text-decoration:underline}
.site-footer{position:relative;overflow:hidden;margin-top:0;padding:0 0 22px;background:var(--ink);color:#cbd6d0}
.footer-radar{position:absolute;left:-170px;bottom:-230px;width:540px;height:540px;border:1px solid rgba(97,230,192,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(97,230,192,.025),0 0 0 140px rgba(97,230,192,.018)}
.footer-cta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:64px 0 52px;border-bottom:1px solid #274038}
.footer-cta h2{max-width:700px;margin:10px 0 0;color:var(--white);font-size:clamp(31px,4vw,52px);line-height:1.2}
.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:60px;padding:58px 0}
.footer-brand p{max-width:410px;margin:24px 0;color:#99aaa2;font-size:13px;line-height:2}
.brand-footer{margin:0;color:var(--white)}
.brand-footer .brand-mark{border-color:#385149}
.footer-status{display:flex;align-items:center;gap:12px;padding:14px 16px;max-width:300px;background:#10231e;border:1px solid #274038;border-radius:13px}
.footer-status>span{display:grid}.footer-status b{color:var(--white);font-size:12px}.footer-status small{color:#80958b;font-size:9px}
.footer-grid nav{display:grid;align-content:start;gap:12px}
.footer-grid nav>b{margin-bottom:8px;color:var(--white);font-size:13px}
.footer-grid nav a{color:#94a59d;font-size:12px;transition:color .2s,transform .2s}
.footer-grid nav a:hover{color:var(--mint);transform:translateX(-3px)}
.footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #274038;color:#71877d;font:10px/1.5 monospace}
@media(max-width:980px){
 .header-inner{height:72px}.main-nav{display:none;position:absolute;top:72px;right:20px;left:20px;flex-direction:column;align-items:stretch;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
 .main-nav.is-open{display:flex}.nav-toggle{display:flex;flex-direction:column}.nav-toggle b{position:absolute;clip:rect(0,0,0,0)}
 .header-cta{margin-inline-start:0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid nav:last-child{grid-column:2}
}
@media(max-width:720px){
 .shell{width:min(100% - 24px,1240px)}.signal-inner{min-height:30px}.signal-inner p{display:none}.signal-inner>a{margin-inline-start:auto}
 .header-inner{gap:14px}.header-cta span{display:none}.header-cta{min-width:44px;padding:0}.brand strong{font-size:20px}.brand-mark{width:38px;height:38px}
 .section-heading.is-split{align-items:flex-start;flex-direction:column;gap:18px}.footer-cta{align-items:flex-start;flex-direction:column;padding:48px 0 42px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-brand{grid-column:1/-1}.footer-grid nav:last-child{grid-column:auto}
 .footer-bottom{flex-direction:column}.button{width:100%}
}
@media(max-width:440px){.footer-grid{grid-template-columns:1fr}.footer-grid nav:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}