:root{--p-900: #151030;--p-850: #171235;--p-800: #1b1540;--p-700: #241d52;--p-600: #3a2e82;--p-500: #4a3aa0;--p-400: #5b49c6;--p-300: #8f7fe0;--p-250: #9a8cd9;--p-200: #b7a9f2;--p-100: #d9d2f5;--ink: #1a1533;--ink-soft: #524b73;--ink-muted: #7a7399;--lilac-bg: #f5f3fb;--lilac-chip: #f1eefb;--lilac-card: #f8f7fd;--border: #e8e4f6;--border-input: #ddd6f2;--grad-brand: linear-gradient(135deg, #5b49c6, #3a2e82);--grad-dark: linear-gradient(135deg, #241d52, #3a2e82);--grad-cta: linear-gradient(135deg, #241d52, #4a3aa0);--font-family: "IBM Plex Sans Arabic", "Tajawal", system-ui, -apple-system, sans-serif;--wrap: 1320px;--nav-h: 74px;--hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none}a{color:var(--p-500);text-decoration:none}a:hover{color:var(--p-400)}::selection{background:var(--p-500);color:#fff}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}input::placeholder,textarea::placeholder{color:#9a93b8;font-family:inherit}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:32px;width:100%}.section{padding-block:100px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--p-400);font-weight:600;font-size:15px;letter-spacing:.08em}.eyebrow:before{content:"";width:34px;height:2px;background:currentColor;display:inline-block}.eyebrow.no-line:before{display:none}.eyebrow.center{justify-content:center}.eyebrow.light{color:var(--p-250)}.hex{clip-path:var(--hex);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hex.brand{background:var(--grad-brand);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;padding:16px 34px;font-size:17px;font-weight:600;cursor:pointer;border:none;transition:all .25s ease;white-space:nowrap;text-align:center}.btn-sm{padding:13px 26px;font-size:15.5px}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 14px 40px #4a3aa080}.btn-primary:hover{filter:brightness(1.15);color:#fff}.btn-white{background:#fff;color:var(--p-600)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0000004d;color:var(--p-600)}.btn-ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.btn-ghost:hover{background:#fff3;color:#fff}.btn-outline{background:#fff;border:1.5px solid var(--border-input);color:var(--p-600)}.btn-outline:hover{border-color:var(--p-400);color:var(--p-600)}.arrow-link{display:inline-flex;align-items:center;gap:8px;color:var(--p-500);font-weight:600;font-size:16px;transition:gap .25s ease}.arrow-link:hover{gap:14px;color:var(--p-500)}.arrow-link svg{transform:scaleX(-1)}html[dir=ltr] .arrow-link svg{transform:none}.lift{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.lift:hover{transform:translateY(-6px);box-shadow:0 24px 50px #3a2e8226}.lift-strong:hover{box-shadow:0 26px 54px #3a2e8226;border-color:#c9bff0}.zoom{overflow:hidden}.zoom img{transition:transform .6s ease}.zoom:hover img{transform:scale(1.06)}.chip{background:var(--lilac-chip);color:var(--p-500);border-radius:99px;padding:9px 18px;font-size:14.5px;font-weight:700;white-space:nowrap}.h-section{font-size:clamp(26px,4.5vw,42px);font-weight:700;line-height:1.35;color:var(--ink);text-wrap:pretty}.h-page{font-size:clamp(30px,5.5vw,54px);font-weight:700;line-height:1.18;color:#fff}@keyframes mpaKbA{0%{transform:scale(1.08) translate(0)}to{transform:scale(1.2) translate(-1.5%,1.5%)}}@keyframes mpaKbB{0%{transform:scale(1.2) translate(1.5%,-1%)}to{transform:scale(1.08) translate(0)}}@keyframes mpaMarq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mpaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes mpaPulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@keyframes mpaFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:mpaFadeUp .6s ease both}.dropdown-item:hover{background:#ffffff14;color:#fff}.footer-link{color:#bdb4e4;font-size:14.5px;transition:color .2s ease}.footer-link:hover{color:#fff}.wa-pill{transition:background .2s ease}.wa-pill:hover{background:#ffffff29;color:#fff}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.grid-stats .statcell{text-align:center;border-inline-end:1px solid rgba(255,255,255,.14)}.grid-stats .statcell:last-child{border-inline-end:none}.hex-collage{position:relative;height:520px}.hex-collage .hx{position:absolute;clip-path:var(--hex);overflow:hidden}.hex-collage .hx img{width:100%;height:100%;object-fit:cover}.hex-collage .hx1{top:0;inset-inline-end:20px;width:290px;height:320px;animation:mpaFloat 7s ease-in-out infinite}.hex-collage .hx2{top:150px;inset-inline-start:0;width:250px;height:280px;animation:mpaFloat 8s ease-in-out infinite .8s}.hex-collage .hx3{bottom:0;inset-inline-end:110px;width:220px;height:245px;animation:mpaFloat 6.5s ease-in-out infinite 1.6s}.hex-collage .hx-mark{position:absolute;top:90px;inset-inline-start:210px;opacity:.18}.dark-section{background:var(--p-850)}.ltr{direction:ltr}.text-end{text-align:end}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 980px){.section{padding-block:72px}}@media (max-width: 860px){.wrap{padding-inline:20px}.mosaic{display:flex!important;flex-direction:column!important}.mosaic>a{height:240px!important;grid-column:auto!important;grid-row:auto!important}.grid-stats{grid-template-columns:repeat(2,1fr);gap:28px 0}.grid-stats .statcell{border-inline-end:none;padding-inline:8px}.grid-stats .statcell:nth-child(odd){border-inline-end:1px solid rgba(255,255,255,.14)}.form-grid{grid-template-columns:1fr!important}.form-grid>*{grid-column:span 1!important}.hex-collage{height:auto;display:flex;gap:10px;justify-content:center;align-items:center}.hex-collage .hx{position:static;animation:none;width:31%;height:auto;aspect-ratio:.9}.hex-collage .hx-mark{display:none}}@media (max-width: 640px){.grid-3{grid-template-columns:1fr}main>section>div{padding-inline:20px!important}main>section>div:only-child{padding-block:60px!important}}@media (max-width: 480px){.grid-2{grid-template-columns:1fr}}
