@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/IBMPlexMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/IBMPlexSansArabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/IBMPlexSansArabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/IBMPlexSansArabic-600-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/IBMPlexSansArabic-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/IBMPlexSansArabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/IBMPlexSansArabic-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg:#0A1220;--bg2:#0F1B2D;--surf:rgba(255,255,255,.045);--surf-solid:#121F33;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.16);
--text:#E8EEF6;--muted:#A9B6C8;--palm:#1F5F4A;--palm-l:#5CC49A;--clay:#B5652B;--clay-l:#E39A66;
--f:"IBM Plex Sans Arabic","Tajawal",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--r:12px;
--shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -12px rgba(0,0,0,.6)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{font-family:var(--f);color:var(--text);line-height:1.75;font-size:1.0625rem;overflow-x:hidden;
background:radial-gradient(900px 500px at 85% -10%,rgba(31,95,74,.28),transparent 60%),radial-gradient(700px 420px at 0% 30%,rgba(181,101,43,.10),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2) 60%,var(--bg));background-color:var(--bg)}
a{color:inherit}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:1rem;top:1rem;background:var(--palm-l);color:var(--bg);padding:.5rem 1rem;z-index:9}
:focus-visible{outline:2px solid var(--clay-l);outline-offset:3px}
.top{position:sticky;top:0;z-index:5;background:rgba(10,18,32,.96);border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(8px)){.top{background:rgba(10,18,32,.78);backdrop-filter:blur(10px)}}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.mark{font-family:var(--mono);font-weight:500;background:linear-gradient(135deg,var(--palm),#163f33);color:#fff;padding:.15rem .55rem;border-radius:8px;letter-spacing:.05em;direction:ltr;border:1px solid rgba(92,196,154,.35)}
.logo-sub{font-weight:600;font-size:.95rem}
nav ul{display:flex;gap:.25rem;list-style:none;padding:0;flex-wrap:wrap}
nav a{text-decoration:none;padding:.5rem .75rem;border-radius:8px;display:inline-block;font-weight:600;font-size:.95rem;color:var(--muted)}
nav a:hover{background:var(--surf);color:var(--text)}
nav a[aria-current]{color:var(--palm-l);box-shadow:inset 0 -2px 0 var(--palm-l)}
.lang{font-weight:700;text-decoration:none;border:1px solid var(--line2);border-radius:8px;padding:.35rem .7rem;min-height:40px;display:inline-flex;align-items:center;order:3}
.lang:hover{background:var(--surf)}
.bar nav{order:2;margin-inline-start:auto}
.hero{padding-block:clamp(3rem,8vw,6rem);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;opacity:.35;mask-image:radial-gradient(ellipse at 60% 30%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000 10%,transparent 70%);pointer-events:none}
.hero>.wrap{position:relative}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
.eyebrow{color:var(--clay-l);font-weight:700;letter-spacing:.02em}
h1{font-size:clamp(2.1rem,5.4vw,3.9rem);line-height:1.25;margin-block:.5rem 1rem}
h1 em{font-style:normal;color:var(--palm-l)}
.lead{max-width:40ch;font-size:1.15rem;color:var(--muted)}
.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:.6rem 1.4rem;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid transparent}
.primary{background:var(--palm-l);color:#06110C;box-shadow:0 8px 24px -10px rgba(92,196,154,.55)}.primary:hover{background:#7AD3AE}
.ghost{border-color:var(--line2);background:var(--surf)}.ghost:hover{border-color:var(--palm-l)}
.light{background:var(--text);color:var(--bg);font-family:var(--mono);font-weight:500;direction:ltr}
.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;aspect-ratio:1;max-width:380px;justify-self:center;width:100%;position:relative}
.hero-art::before{content:"";position:absolute;inset:10%;background:radial-gradient(circle,rgba(92,196,154,.22),transparent 65%);filter:blur(30px);z-index:-1;animation:breathe 8s ease-in-out infinite}
@keyframes breathe{50%{opacity:.55;transform:scale(1.08)}}
.tile{border-radius:var(--r);display:flex;align-items:flex-end;padding:1rem;font-weight:700;font-size:1.25rem;border:1px solid var(--line2);box-shadow:var(--shadow)}
.t1{background:linear-gradient(160deg,#1A2A44,#0F1B2D)}.t2{background:linear-gradient(160deg,#246E56,#174636)}
.t3{background:linear-gradient(160deg,#9A5424,#6E3A17);font-family:var(--mono)}.t4{background:var(--surf-solid)}
.trust{border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.trust-list{list-style:none;padding:1.75rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.trust-list li{display:flex;gap:.85rem;align-items:flex-start}
.trust-list h2{font-size:1rem;margin:0;line-height:1.5}.trust-list p{color:var(--muted);font-size:.93rem;line-height:1.6}
.trust .ico{flex:none;width:40px;height:40px;padding:8px;border-radius:10px;color:var(--palm-l);background:rgba(92,196,154,.10);border:1px solid rgba(92,196,154,.25)}
.section{padding-block:clamp(3rem,7vw,5rem)}
.alt{background:rgba(255,255,255,.02);border-block:1px solid var(--line)}
.head{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem}
.num{font-family:var(--mono);color:var(--clay-l);font-size:.95rem}
h2{font-size:clamp(1.6rem,3.5vw,2.3rem);line-height:1.3}
h3{font-size:1.15rem;line-height:1.5;margin-bottom:.4rem}
.grid{display:grid;gap:1rem}
.services{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card,.prod,.steps li,.form{background:var(--surf-solid);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
@supports (backdrop-filter:blur(6px)){.card,.prod,.steps li,.form{background:var(--surf);backdrop-filter:blur(6px)}}
.card{padding:1.4rem;transition:border-color .2s}
.card:hover,.prod:hover{border-color:rgba(92,196,154,.4)}
.card .ico,.prod .ico{width:28px;height:28px;color:var(--palm-l);margin-bottom:.75rem;display:block}
.prod .ico{color:var(--clay-l);margin:0}
.card p,.prod p{color:var(--muted);font-size:.98rem}
.products{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.prod{padding:1.5rem;display:flex;flex-direction:column;gap:.3rem}
.prod-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.prod a{margin-top:auto;padding-top:.75rem;font-weight:700;color:var(--palm-l)}
.status{font-size:.8rem;font-weight:700;padding:.1rem .65rem;border-radius:99px;border:1px solid}
.live{background:rgba(92,196,154,.12);color:#8FE0BE;border-color:rgba(92,196,154,.35)}
.dev{background:rgba(227,154,102,.10);color:#F2B98F;border-color:rgba(227,154,102,.3)}
.about-grid{display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;align-items:center}
.about-grid .head{margin:0}
.about p{font-size:1.15rem;max-width:60ch;color:var(--muted)}
.link{font-weight:700;color:var(--palm-l);white-space:nowrap}
.cta{padding-block:clamp(3rem,7vw,4.5rem);text-align:center;background:radial-gradient(600px 260px at 50% 0%,rgba(92,196,154,.18),transparent 70%),linear-gradient(180deg,#0E2A22,#0B1C18);border-block:1px solid rgba(92,196,154,.2)}
.cta p{color:#C9D6CF}
.cta-in{display:flex;flex-direction:column;align-items:center;gap:1rem}
.foot{background:#070D18;color:var(--muted);padding-block:2.5rem;font-size:.95rem;border-top:1px solid var(--line)}
.foot-grid{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.foot nav{display:flex;flex-wrap:wrap;gap:.25rem}
.mark.small{font-size:.9rem}
.hero.page{padding-block:clamp(2.5rem,6vw,4.5rem)}
.after{margin-top:1.5rem}
.card .more{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--line2);color:var(--muted)}
.steps{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:s}
.steps li{counter-increment:s;padding:1.25rem;color:var(--muted)}
.steps li::before{content:"0" counter(s);font-family:var(--mono);color:var(--clay-l);display:block}
.steps b{display:block;font-size:1.1rem;color:var(--text)}
.prose{max-width:820px}.prose p{font-size:1.12rem;margin-bottom:1rem;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:2.5rem;align-items:start}
.form{display:grid;gap:.4rem;padding:1.5rem}
.form label{font-weight:700;margin-top:.6rem}
.form input,.form textarea{font:inherit;color:var(--text);padding:.7rem .8rem;border:1px solid #4A5A72;border-radius:8px;background:#0B1424;width:100%}
.form input:focus,.form textarea:focus{border-color:var(--palm-l)}
.form button{margin-top:1rem;justify-self:start;cursor:pointer;font:inherit;font-weight:700}
.note{font-size:.9rem;color:var(--muted)}
.info h2{font-size:1.2rem;margin-top:1rem}.info .link{font-family:var(--mono);font-weight:500;word-break:break-all}
@media (max-width:860px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-art{max-width:260px;justify-self:start}}
@media (max-width:720px){.bar{padding-block:.5rem;row-gap:.25rem}.bar nav{order:4;flex-basis:100%;margin:0;border-top:1px solid var(--line)}
.bar nav ul{flex-wrap:nowrap;justify-content:space-between;overflow-x:auto;gap:0}.bar nav a{padding:.6rem .4rem;font-size:.92rem;white-space:nowrap}.lang{margin-inline-start:auto}}
@media (max-width:520px){.products,.services{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.subs{list-style:none;padding:0;margin-top:.6rem;display:grid;gap:.3rem}
.subs li{color:var(--muted);font-size:.95rem;padding-inline-start:1rem;position:relative}
.subs li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--palm-l)}