@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Space Grotesk", "Tajawal", sans-serif;--font-body: "Tajawal", "Inter", system-ui, sans-serif;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(2, 5, 9, .32);--shadow: 0 8px 22px rgba(2, 5, 9, .26);--shadow-glow: 0 6px 18px rgba(143, 227, 58, .16);--maxw: 1200px;--header-h: 72px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:16px;line-height:1.6;background:radial-gradient(circle at 12% -8%,rgba(143,227,58,.12),transparent 30%),radial-gradient(circle at 96% 4%,rgba(245,166,35,.1),transparent 32%),linear-gradient(180deg,#0d1420 0%,#080c12 100%);background-attachment:fixed;color:var(--color-text)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::selection{background:rgba(143,227,58,.28);color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--radius);padding:.72rem 1.2rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.ui-button--primary{background:linear-gradient(135deg,var(--color-primary),#6cc026);color:#08130a;box-shadow:var(--shadow-glow)}.ui-button--primary:hover,.ui-button--primary:focus-visible{transform:translateY(-1px);box-shadow:0 10px 22px #8fe33a38}.ui-button--secondary{background:rgba(255,255,255,.05);border-color:#ffffff1f;color:var(--color-text)}.ui-button--secondary:hover,.ui-button--secondary:focus-visible{border-color:#8fe33a66;background:rgba(143,227,58,.08)}.ui-button--ghost{background:transparent;border-color:#ffffff24;color:var(--color-text)}.ui-button--ghost:hover,.ui-button--ghost:focus-visible{border-color:#8fe33a66;color:var(--color-primary)}.ui-button--full{width:100%}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(20,27,37,.7),rgba(13,19,27,.7))}.ui-card--elevated{box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal--in{opacity:1;transform:none}.page-loader,.error-boundary-shell,.not-found{min-height:60vh;display:grid;place-items:center;padding:2rem;gap:1rem}.page-loader{min-height:100vh;font-family:var(--font-display);color:var(--color-muted-text)}.page-loader__orb{width:3.2rem;height:3.2rem;border-radius:50%;background:radial-gradient(circle,rgba(143,227,58,1),rgba(143,227,58,.12));box-shadow:0 0 30px #8fe33a47;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.86);opacity:.7}}.not-found__card,.error-boundary-card{display:grid;gap:1rem;justify-items:center;max-width:32rem;padding:2rem;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(15,21,30,.7)}.not-found__card h1,.error-boundary-card h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}.not-found__card p,.error-boundary-card p{color:var(--color-muted-text)}.site-shell{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1 1 auto}section[id]{scroll-margin-top:calc(var(--header-h) + 18px)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease,backdrop-filter .2s ease}.site-header--scrolled{background:rgba(9,13,19,.82);border-bottom-color:var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{display:flex;align-items:center;gap:1rem;width:100%;max-width:var(--maxw);min-height:var(--header-h);margin:0 auto;padding:.7rem clamp(1rem,3vw,2rem)}.site-brand{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.site-brand__logo{width:2.5rem;height:2.5rem;object-fit:contain}.site-brand__text{display:grid;gap:.05rem;min-width:0}.site-brand__text strong{font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.site-brand__text small{font-size:.72rem;color:var(--color-muted-text)}.site-nav{display:flex;align-items:center;gap:.25rem;margin-inline:auto}.site-nav__link{padding:.5rem .8rem;border-radius:var(--radius-sm);font-size:.92rem;color:var(--color-muted-text);transition:color .15s ease,background .15s ease}.site-nav__link:hover{color:var(--color-text);background:rgba(255,255,255,.05)}.site-header__actions{display:flex;align-items:center;gap:.55rem}.language-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:2.4rem;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:rgba(255,255,255,.04);color:var(--color-text);font-family:var(--font-display);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.language-toggle:hover{border-color:#8fe33a66;background:rgba(143,227,58,.08)}.site-header__cta{padding-block:.55rem}.site-header__menu-btn{display:none;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:rgba(255,255,255,.04);color:var(--color-text);cursor:pointer}.site-header__mobile{border-top:1px solid var(--color-border);background:rgba(9,13,19,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__mobile-nav{display:grid;gap:.3rem;max-width:var(--maxw);margin:0 auto;padding:.8rem clamp(1rem,3vw,2rem) 1.1rem}.site-header__mobile-link{padding:.8rem .9rem;border-radius:var(--radius-sm);color:var(--color-muted-text);background:rgba(255,255,255,.03)}.site-header__mobile-link--cta{color:#08130a;background:linear-gradient(135deg,var(--color-primary),#6cc026);font-weight:600}.hero{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) clamp(1.5rem,3vw,2.5rem)}.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}.hero__copy{display:grid;gap:1.1rem;align-content:start}.hero__title{font-size:clamp(1.85rem,1.2rem + 2.4vw,3rem);font-weight:700;letter-spacing:-.015em}.hero__subtitle{max-width:38rem;font-size:1.04rem;color:var(--color-muted-text)}.hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.2rem}.hero__pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}.hero__pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);background:rgba(255,255,255,.04);font-size:.82rem;color:var(--color-text)}.hero__pill svg{color:var(--color-primary)}.hero__art-wrap{display:grid;place-items:center}.hero-art{width:100%;max-width:460px}.hero-art svg{width:100%;height:auto;display:block;overflow:visible}.hero-art__bracket path{fill:none;stroke:#f5a623b3;stroke-width:2;stroke-linecap:round}.hero-art__camera-body{fill:#0c1219f2;stroke:#8fe33a80;stroke-width:1.4}.hero-art__camera-lens{fill:#8fe33a38;stroke:#8fe33ad9;stroke-width:1.4}.hero-art__camera-pupil{fill:#d4f3b6}.hero-art__camera-ping{fill:none;stroke:#8fe33a99;stroke-width:1.2}.hero-art__packet{fill:#f5a623;filter:drop-shadow(0 0 4px rgba(245,166,35,.85))}.hero-art__cloud{filter:drop-shadow(0 0 16px rgba(143,227,58,.22)) drop-shadow(0 8px 16px rgba(0,0,0,.4))}.hero-art__logo{filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(1.5rem,4vw,2.6rem);padding:1.1rem clamp(.5rem,2vw,1.4rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(16,22,31,.55)}.stat-strip__item{display:grid;gap:.2rem;justify-items:center;text-align:center;padding-inline:.5rem;border-inline-start:1px solid var(--color-border)}.stat-strip__item:first-child{border-inline-start:0}.stat-strip__item strong{font-family:var(--font-display);font-size:clamp(1.3rem,1rem + 1vw,1.7rem);font-weight:700;color:var(--color-text)}.stat-strip__item span{font-size:.84rem;color:var(--color-muted-text)}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(2.4rem,6vw,4.5rem) clamp(1rem,3vw,2rem)}.section--alt{max-width:none;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0));border-block:1px solid var(--color-border)}.section--alt>*{max-width:var(--maxw);margin-inline:auto}.section__head{display:grid;gap:.6rem;max-width:46rem;margin-bottom:clamp(1.6rem,4vw,2.6rem)}.section__title{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.15rem);font-weight:700;letter-spacing:-.01em}.section__lead{font-size:1.02rem;color:var(--color-muted-text)}.card-grid{display:grid;gap:1rem}.card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{display:grid;gap:.7rem;align-content:start;padding:1.4rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(20,27,37,.6),rgba(13,19,27,.6));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-3px);border-color:#8fe33a47;box-shadow:var(--shadow)}.feature-card--soft:hover{border-color:#f5a62347}.feature-card__icon{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:var(--radius);background:linear-gradient(135deg,rgba(143,227,58,.16),rgba(143,227,58,.04));color:var(--color-primary)}.feature-card--soft .feature-card__icon{background:linear-gradient(135deg,rgba(245,166,35,.16),rgba(245,166,35,.04));color:var(--color-secondary)}.feature-card h3{font-size:1.12rem}.feature-card p{font-size:.95rem;color:var(--color-muted-text)}.detect-card{display:flex;gap:.9rem;align-items:flex-start;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(16,22,31,.5);transition:transform .18s ease,border-color .18s ease}.detect-card:hover{transform:translateY(-3px);border-color:#8fe33a47}.detect-card__icon{display:grid;place-items:center;flex-shrink:0;width:2.7rem;height:2.7rem;border-radius:var(--radius);background:rgba(143,227,58,.1);color:var(--color-primary)}.detect-card h3{font-size:1.05rem;margin-bottom:.25rem}.detect-card p{font-size:.92rem;color:var(--color-muted-text)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.step-card{display:grid;gap:.55rem;align-content:start;padding:1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(16,22,31,.55)}.step-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.step-card__index{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#8fe33a80}.step-card__icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--radius-sm);background:rgba(143,227,58,.1);color:var(--color-primary)}.step-card h3{font-size:1.02rem}.step-card p{font-size:.9rem;color:var(--color-muted-text)}.role-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.role-card{display:grid;gap:.55rem;align-content:start;padding:1.2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(22,30,41,.6),rgba(13,19,27,.6));transition:transform .18s ease,border-color .18s ease}.role-card:hover{transform:translateY(-3px);border-color:#f5a6234d}.role-card__icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--radius);background:linear-gradient(135deg,rgba(245,166,35,.16),rgba(245,166,35,.04));color:var(--color-secondary)}.role-card h3{font-size:1.02rem}.role-card p{font-size:.88rem;color:var(--color-muted-text)}.cta-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.4rem;padding:clamp(1.5rem,4vw,2.4rem);border:1px solid rgba(143,227,58,.2);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%,rgba(143,227,58,.12),transparent 45%),linear-gradient(180deg,rgba(20,27,37,.7),rgba(13,19,27,.7))}.cta-panel__copy{display:grid;gap:.5rem;max-width:40rem}.cta-panel__copy h2{font-size:clamp(1.4rem,1.1rem + 1.4vw,1.9rem);font-weight:700}.cta-panel__copy p{color:var(--color-muted-text)}.cta-panel__actions{display:flex;flex-wrap:wrap;gap:.7rem}.site-footer{margin-top:clamp(2rem,5vw,4rem);border-top:1px solid var(--color-border);background:rgba(8,12,18,.6)}.site-footer__inner{display:grid;grid-template-columns:1.3fr 2fr;gap:clamp(1.5rem,4vw,3rem);max-width:var(--maxw);margin:0 auto;padding:clamp(2rem,4vw,3rem) clamp(1rem,3vw,2rem)}.site-footer__brand{display:grid;gap:.85rem;align-content:start}.site-footer__about{max-width:26rem;font-size:.92rem;color:var(--color-muted-text)}.site-footer__contact{display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;color:var(--color-text)}.site-footer__contact svg{color:var(--color-primary)}.site-footer__contact--muted{color:var(--color-muted-text)}.site-footer__contact--muted svg{color:var(--color-muted-text)}.site-footer__columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.site-footer__column{display:grid;gap:.55rem;align-content:start}.site-footer__column h4{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text);margin-bottom:.25rem}.site-footer__column a{font-size:.92rem;color:var(--color-text);transition:color .15s ease}.site-footer__column a:hover{color:var(--color-primary)}.site-footer__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;max-width:var(--maxw);margin:0 auto;padding:1rem clamp(1rem,3vw,2rem);border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-muted-text)}.site-footer__bar-links{display:flex;gap:1rem}.site-footer__bar-links a:hover{color:var(--color-primary)}.doc-page{max-width:var(--maxw);margin:0 auto;padding:clamp(1.6rem,4vw,3rem) clamp(1rem,3vw,2rem) clamp(2rem,5vw,4rem)}.doc-page__header{display:grid;gap:.7rem;max-width:48rem;margin-bottom:clamp(1.6rem,4vw,2.4rem)}.doc-page__back{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;font-size:.9rem;color:var(--color-muted-text);transition:color .15s ease}.doc-page__back:hover{color:var(--color-primary)}.doc-page__title{font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);font-weight:700}.doc-page__intro{font-size:1.02rem;color:var(--color-muted-text)}.doc-page__updated{font-size:.85rem;color:var(--color-muted-text);opacity:.85}.doc-page__body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.doc-toc{position:sticky;top:calc(var(--header-h) + 16px);display:grid;gap:.6rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(16,22,31,.5)}.doc-toc__title{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-text)}.doc-toc nav{display:grid;gap:.2rem}.doc-toc nav a{padding:.4rem .5rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-muted-text);transition:color .15s ease,background .15s ease}.doc-toc nav a:hover{color:var(--color-text);background:rgba(255,255,255,.05)}.doc-content{display:grid;gap:clamp(1.4rem,3vw,2.2rem)}.doc-section{display:grid;gap:.7rem}.doc-section h2{font-size:1.25rem;font-weight:600}.doc-section p{color:var(--color-muted-text);font-size:.98rem}.doc-list{display:grid;gap:.5rem;padding-inline-start:.2rem}.doc-list li{position:relative;padding-inline-start:1.4rem;color:var(--color-muted-text);font-size:.98rem}.doc-list li:before{content:"";position:absolute;inset-inline-start:.2rem;top:.62em;width:.42rem;height:.42rem;border-radius:2px;background:var(--color-primary);transform:rotate(45deg)}.doc-specs{display:grid;gap:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem;background:rgba(16,22,31,.5)}.doc-specs__row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;padding:.65rem .7rem;border-radius:var(--radius-sm)}.doc-specs__row:nth-child(odd){background:rgba(255,255,255,.025)}.doc-specs__label{font-weight:600;color:var(--color-text);font-size:.95rem}.doc-specs__value{color:var(--color-muted-text);font-size:.95rem}.doc-links{display:grid;gap:.6rem}.doc-link{display:flex;align-items:center;gap:.8rem;padding:.85rem .95rem;border:1px solid var(--color-border);border-radius:var(--radius);background:rgba(16,22,31,.5);transition:border-color .15s ease,transform .15s ease}.doc-link:hover{border-color:#8fe33a66;transform:translateY(-2px)}.doc-link__icon{display:grid;place-items:center;flex-shrink:0;width:2.3rem;height:2.3rem;border-radius:var(--radius-sm);background:rgba(143,227,58,.12);color:var(--color-primary)}.doc-link__body{display:grid;gap:.1rem;min-width:0}.doc-link__body strong{font-family:var(--font-display);font-size:.98rem;color:var(--color-text)}.doc-link__body span{font-size:.86rem;color:var(--color-muted-text)}.doc-link__url{margin-inline-start:auto;flex-shrink:0;color:var(--color-muted-text)}.doc-coming-soon{display:grid;justify-items:center;gap:.6rem;text-align:center;max-width:32rem;margin:1.5rem auto 0;padding:3rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(16,22,31,.5)}.doc-coming-soon__icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:rgba(143,227,58,.12);color:var(--color-primary)}.doc-coming-soon h2{font-family:var(--font-display);font-size:1.4rem;margin:0}.doc-coming-soon p{color:var(--color-muted-text);margin:0;line-height:1.7}@media (max-width: 960px){:root{--header-h: 64px}.site-nav,.site-header__cta{display:none}.site-header__menu-btn{display:inline-flex}.hero__inner{grid-template-columns:1fr}.hero__art-wrap{order:-1}.hero-art{max-width:360px}.card-grid--3,.steps,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-page__body{grid-template-columns:1fr}.doc-toc{position:static}.site-footer__inner{grid-template-columns:1fr}}@media (max-width: 640px){body{font-size:15px}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .5rem}.stat-strip__item:nth-child(3){border-inline-start:0}.card-grid--3,.steps,.role-grid{grid-template-columns:1fr}.hero__actions .ui-button{flex:1 1 auto}.site-footer__columns{grid-template-columns:1fr 1fr}.doc-specs__row{grid-template-columns:1fr;gap:.2rem}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.page-loader__orb{animation:none}}