:root{--color-primary: #0b2a4a;--color-primary-mid: #123a5c;--color-secondary: #0f8b8d;--color-secondary-hover: #0c7375;--color-success: #16a34a;--color-warning: #f59e0b;--color-critical: #dc2626;--color-bg: #ffffff;--color-page: #f4f6f9;--color-surface: #eef1f6;--color-border: #dde3eb;--color-border-strong: #c8d0dc;--color-text: #111827;--color-muted: #5c6578;--radius: 14px;--radius-sm: 10px;--font: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--header-h: 76px;--shadow-card: 0 1px 0 rgba(11, 42, 74, .04), 0 12px 40px rgba(11, 42, 74, .06);--shadow-card-hover: 0 1px 0 rgba(11, 42, 74, .06), 0 20px 50px rgba(11, 42, 74, .09)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font);color:var(--color-text);background:var(--color-page);line-height:1.65;font-size:1rem;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-secondary)}.container{width:min(1140px,calc(100% - 40px));margin-inline:auto}section{padding-block:clamp(4rem,10vw,6.5rem)}.section-head{margin-bottom:2.75rem;max-width:36rem}.section-title{font-size:clamp(1.75rem,4.2vw,2.35rem);font-weight:600;color:var(--color-primary);margin:0 0 .65rem;letter-spacing:-.025em;line-height:1.2}.section-lead{color:var(--color-muted);margin:0;font-size:1.0625rem;line-height:1.6;max-width:40ch}html.lang-en .i18n-ar-only,html.lang-ar .i18n-en-only{display:none!important}.lang-toggle{font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-primary);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.lang-toggle:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;font-size:.9375rem;padding:.8rem 1.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;text-decoration:none;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background .25s ease,border-color .25s ease,color .25s ease}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0);transition-duration:.12s}button.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-secondary);color:#fff;box-shadow:0 2px #0b2a4a14,0 8px 24px #0f8b8d47}.btn--primary:hover{background:var(--color-secondary-hover);box-shadow:0 2px #0b2a4a1a,0 14px 32px #0f8b8d59}.btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:none}.btn--ghost:hover{background:#ffffff14;border-color:#ffffffa6}.btn--outline{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-border-strong);box-shadow:0 1px 2px #0b2a4a0a}.btn--outline:hover{border-color:var(--color-secondary);color:var(--color-secondary);box-shadow:0 4px 16px #0b2a4a12}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-card);transition:border-color .35s var(--ease-out),box-shadow .45s var(--ease-out),transform .45s var(--ease-out)}.card:hover{border-color:#cfd6e0;box-shadow:var(--shadow-card-hover)}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:#ffffffdb;backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .35s ease,box-shadow .35s ease}.site-header.is-scrolled{border-bottom-color:var(--color-border);box-shadow:0 8px 32px #0b2a4a0d}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{display:flex;align-items:center;gap:.75rem;color:var(--color-primary);font-weight:600;font-size:1rem;letter-spacing:-.02em;text-decoration:none}.site-brand:hover{text-decoration:none;color:var(--color-primary-mid)}.site-brand img{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--color-border)}.nav-desktop{display:none;align-items:center;gap:.15rem}@media (min-width: 1024px){.nav-desktop{display:flex}}.nav-desktop a{color:var(--color-muted);font-size:.8125rem;font-weight:600;letter-spacing:.02em;padding:.5rem .7rem;border-radius:var(--radius-sm);text-decoration:none;position:relative;transition:color .2s}.nav-desktop a:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.35rem;height:1px;background:var(--color-secondary);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease-out)}.nav-desktop a:hover{color:var(--color-primary);text-decoration:none}.nav-desktop a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:.6rem}.header-actions .btn--primary{padding:.55rem 1rem;font-size:.8125rem}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;transition:border-color .2s,background .2s}.nav-toggle:hover{border-color:var(--color-border-strong);background:var(--color-surface)}@media (min-width: 1024px){.nav-toggle{display:none}}@media (max-width: 1023px){.header-actions .lang-toggle,.header-actions>.btn--primary{display:none!important}}.mobile-nav{display:none;position:fixed;inset:var(--header-h) 0 0 0;background:var(--color-bg);padding:0 1.25rem 1.25rem;flex-direction:column;gap:0;border-top:1px solid var(--color-border);z-index:99;animation:mobileNavIn .32s var(--ease-out);min-height:0}.mobile-nav.is-open{display:flex;min-height:calc(100dvh - var(--header-h));max-height:calc(100dvh - var(--header-h));padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px))}@keyframes mobileNavIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.mobile-nav{animation:none}}.mobile-nav__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-top:.75rem;display:flex;flex-direction:column;gap:.15rem;-webkit-overflow-scrolling:touch}.mobile-nav__foot{flex:0 0 auto;margin-top:auto;padding-top:1rem;display:flex;flex-direction:column;gap:.65rem;border-top:1px solid var(--color-border)}.mobile-nav__action-btn{width:100%;justify-content:center;box-sizing:border-box}.mobile-nav__foot .lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:48px}.mobile-nav__scroll a{padding:1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;color:var(--color-text);text-decoration:none;border:1px solid transparent;transition:background .2s,border-color .2s}.mobile-nav__scroll a:hover{background:var(--color-surface);border-color:var(--color-border)}.hero{position:relative;color:#fff;background:var(--color-primary);padding:0 0 clamp(2.75rem,6vw,4.25rem);overflow-x:clip}.hero__media{position:relative;width:100vw;margin-inline-start:calc(50% - 50vw)}.hero__figure{margin:0;position:relative;width:100%;height:clamp(300px,52vw,620px);min-height:300px;max-height:min(70vh,720px);overflow:hidden;background:linear-gradient(125deg,#0b2a4a,#0a3048 40%,#0c4550)}.hero__banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero__media-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,42,74,.25) 0%,transparent 28%,rgba(11,42,74,.35) 55%,rgba(11,42,74,.88) 82%,var(--color-primary) 100%)}.hero__shell{position:relative;z-index:2;margin-top:clamp(-3rem,-7.5vw,-6.25rem)}.hero__shell.hero-animate{opacity:0;transform:translateY(22px);animation:heroShellIn .88s var(--ease-out) .08s forwards}@keyframes heroShellIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero__shell.hero-animate{animation:none;opacity:1;transform:none}}.hero__content{display:grid;gap:1.25rem;align-items:start;min-width:0}@media (min-width: 900px){.hero__content{grid-template-columns:minmax(0,1.12fr) minmax(260px,380px);gap:1.35rem 2rem}}.hero__copy{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(1.5rem,3.2vw,2rem) clamp(1.25rem,3vw,2rem);border-radius:20px;background:linear-gradient(160deg,#ffffff17,#ffffff0a,#0f8b8d0f);border:none;box-shadow:0 24px 56px #00000038;backdrop-filter:blur(18px) saturate(140%)}.hero__intro{margin:0;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:none;width:100%;text-align:center}.hero__intro h1{margin:0;font-size:clamp(1.95rem,4.6vw,3.45rem);font-weight:700;line-height:1.2;letter-spacing:-.032em;text-wrap:balance;text-align:center;color:#fff;text-shadow:0 2px 28px rgba(0,0,0,.18)}.hero__prose{margin:0;width:100%;max-width:52ch;margin-inline:auto;text-align:center}.hero__body{display:flex;flex-direction:column;gap:1.1rem;align-items:center}.hero__body-lead{margin:0;font-size:1.125rem;line-height:1.86;font-weight:600;color:#fffffffa;text-wrap:pretty;text-align:center}.hero__body-sub{margin:0;padding:0;border:none;font-size:1.03125rem;line-height:1.84;font-weight:400;color:#e8f7f7e0;text-wrap:pretty;text-align:center;background:none;border-radius:0}.hero__note{display:block;margin-top:1.4rem;padding:1rem 0 0;margin-inline:auto;max-width:48ch;border-radius:0;background:none;border:none;text-align:center}.hero__note-icon{display:none}.hero__note-text{flex:none;min-width:0}.hero__note-text p{margin:0;font-size:.875rem;line-height:1.72;color:#ffffffad;text-align:center}.hero-panel{margin:0;padding:1.4rem 1.3rem;border-radius:20px;background:linear-gradient(160deg,#12304ee0,#081c30eb);border:none;box-shadow:0 20px 48px #0003;backdrop-filter:blur(12px);text-align:center}.hero-panel__actions{display:flex;flex-direction:column;gap:.65rem}@media (min-width: 640px) and (max-width: 899px){.hero-panel__actions{flex-direction:row;flex-wrap:wrap}.hero-panel .btn--primary,.hero-panel .btn--ghost{flex:1 1 auto;min-width:160px}}.hero-panel .btn--primary,.hero-panel .btn--ghost{width:100%;justify-content:center}@media (min-width: 900px){.hero-panel .btn--primary,.hero-panel .btn--ghost{width:100%}}.features-grid{display:grid;gap:1.35rem}@media (min-width: 700px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.feature-card{display:flex;flex-direction:column;min-height:100%}.feature-card h3{margin:0 0 .55rem;font-size:1.0625rem;font-weight:600;color:var(--color-primary);letter-spacing:-.015em}.feature-card p{margin:0;color:var(--color-muted);font-size:.9375rem;line-height:1.62}.feature-card__icon{width:48px;height:48px;margin-bottom:1.25rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}.feature-card__icon svg{width:22px;height:22px}.figure-card{padding:1.25rem;background:var(--color-bg)}.figure-frame{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);line-height:0}.figure-card img{width:100%;border-radius:0;border:none}.figure-actions{margin-top:1.25rem;display:flex;justify-content:center}.insight-list{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--color-border)}.insight-list li{display:grid;grid-template-columns:auto 1fr;gap:1.15rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--color-border);font-size:.9375rem;font-weight:500;color:var(--color-text)}.insight-list li:last-child{border-bottom:none}.insight-list__idx{font-size:.6875rem;font-weight:700;letter-spacing:.12em;color:var(--color-secondary);text-transform:uppercase}.download-grid{display:grid;gap:1.35rem}@media (min-width: 700px){.download-grid{grid-template-columns:repeat(2,1fr)}}.download-card h3{margin:0 0 .45rem;font-size:1.0625rem;font-weight:600;color:var(--color-primary);letter-spacing:-.015em}.download-card .download-desc{font-size:.9375rem;color:var(--color-text);opacity:.88;margin:0 0 .65rem;line-height:1.58}.download-card .meta{font-size:.8125rem;color:var(--color-muted);margin:0 0 1.1rem}.download-card--soon{border-style:dashed;border-color:var(--color-border-strong)}.download-soon{margin:.5rem 0 0;font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary)}.faq-list{display:flex;flex-direction:column;gap:.65rem}details.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden;transition:border-color .25s ease,box-shadow .35s var(--ease-out)}details.faq-item:hover{border-color:#cfd6e0}details.faq-item[open]{box-shadow:var(--shadow-card);border-color:var(--color-border-strong)}details.faq-item summary{padding:1.15rem 1.25rem;font-weight:600;font-size:.97rem;color:var(--color-primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .2s ease}details.faq-item summary:hover{background:var(--color-surface)}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary:after{content:"";flex-shrink:0;width:.45rem;height:.45rem;border-inline-end:2px solid var(--color-secondary);border-block-end:2px solid var(--color-secondary);transform:rotate(45deg);margin-bottom:.15rem;transition:transform .35s var(--ease-out)}details.faq-item[open] summary:after{transform:rotate(225deg);margin-bottom:-.15rem}details.faq-item .faq-body{padding:0 1.25rem 1.2rem;margin:0;color:var(--color-muted);font-size:.9375rem;line-height:1.62;border-top:1px solid transparent}details.faq-item[open] .faq-body{border-top-color:var(--color-border);padding-top:1rem;animation:faqBodyIn .4s var(--ease-out)}@keyframes faqBodyIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){details.faq-item .faq-body{animation:none}}.reveal{opacity:0;transform:translateY(26px);filter:blur(4px);transition:opacity .75s var(--ease-out) var(--reveal-d, 0ms),transform .75s var(--ease-out) var(--reveal-d, 0ms),filter .65s var(--ease-out) var(--reveal-d, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;filter:none;transition:none}}.surface-section{background:var(--color-bg);border-block:1px solid var(--color-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
