@import url('/fonts/tajawal.css');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b34;--muted:#59677c;--blue:#2458db;--line:#e1e6ef;--paper:#f5f7fb;--navy:#0c1931;--mint:#9ce7d3;--radius:18px;font-family:Manrope,'Tajawal',sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.7}html[lang=ar]{font-family:'Tajawal',Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #568dff;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}bdi{font-family:Manrope,sans-serif}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:fixed;inset-block-start:-80px;inset-inline-start:12px;background:#fff;padding:12px;z-index:100}.skip:focus{inset-block-start:8px}.header{height:90px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;direction:ltr;flex-shrink:0}.brand-name{font-size:25px;font-weight:800;letter-spacing:-1px}.brand-name span{color:var(--blue)}.brand-sub{font-size:10px;letter-spacing:2px;color:var(--muted);line-height:1.1;display:block}.brand img{width:145px;height:48px;object-fit:contain}.nav-links,.nav-actions{display:flex;align-items:center;gap:30px}.nav-links{font-size:14px;font-weight:600}.nav-links a:hover,.text-link:hover{color:var(--blue)}.nav-actions{gap:18px}.language{font-size:14px;font-weight:700;border-inline-start:1px solid var(--line);padding-inline-start:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:8px;padding:12px 21px;min-height:48px;font-size:14px;font-weight:700;line-height:1.5;background:var(--blue);color:#fff;transition:background .15s,transform .15s}.button:hover{background:#1948bd;transform:translateY(-1px)}.button.secondary{color:var(--ink);background:white;border-color:var(--line)}.button.secondary:hover{background:#eef2fa}.button.light{background:var(--mint);color:var(--navy)}.button.light:hover{background:#c5f4e7}.arrow{font-family:Arial,sans-serif;font-size:19px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.hero{padding:56px 0 0}.hero-panel{border-radius:24px;background:var(--navy);color:#fff;padding:56px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;overflow:hidden}.hero .eyebrow{color:var(--mint)}.hero h1{font-size:clamp(36px,4.2vw,54px);font-weight:700;letter-spacing:-1.6px;max-width:610px;line-height:1.32}.hero h1 span{color:var(--mint)}html[lang=ar] .hero h1{letter-spacing:-1px;line-height:1.55;font-size:clamp(32px,3.5vw,48px)}.hero p{color:#c4cfdf;margin-top:22px;font-size:16px;line-height:1.95;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px}.hero-link{font-size:14px;color:#e0e7f2}.hero-link:hover{color:var(--mint)}.hero-directory{border:1px solid #344258;border-radius:15px;padding:24px;background:#13223c}.directory-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #344258;gap:12px;font-size:14px}.directory-top small{color:#b8c6d9;font-size:12px}.quick-module{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #344258}.quick-module:last-child{border-bottom:0;padding-bottom:0}.quick-module:hover .quick-name{color:var(--mint)}.quick-module .arrow{margin-inline-start:auto;color:var(--mint)}.quick-name{font-weight:800;font-size:17px}.quick-desc{font-size:12px;color:#bbc7d9;margin-top:3px}.module-icon{width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;flex-shrink:0;background:var(--tint,#edf2ff);color:var(--accent,#2458db)}.module-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-foot{display:flex;justify-content:space-between;padding:22px 8px;color:var(--muted);font-size:13px;gap:20px;border-bottom:1px solid var(--line)}.hero-foot strong{color:var(--ink);font-weight:600}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:32px}.section h2{font-size:32px;letter-spacing:-.6px}.section-head p{max-width:420px;color:var(--muted);font-size:15px;line-height:1.9}.section .eyebrow{margin-bottom:12px}.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.module-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;background:#fff}.module-card:hover{border-color:#9eafd1;box-shadow:0 8px 25px #101b3408}.card-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:23px}.category{font-size:12px;color:var(--muted);padding-top:10px}.module-card h3{font-family:Manrope,sans-serif;direction:ltr;font-size:23px;letter-spacing:-.5px}.module-card .subtitle{font-size:14px;font-weight:600;margin:6px 0 14px}.module-card p{font-size:14px;color:var(--muted);line-height:1.9;flex:1}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:13px;font-weight:700}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue)}.launch-link{color:var(--muted);font-size:12px}.launch-link:hover{color:var(--blue)}.principle{background:var(--paper);border-block:1px solid var(--line)}.principle-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.principle h2{max-width:420px;line-height:1.55}.principle-intro{margin-top:20px;color:var(--muted)}.principle-list{display:grid;gap:25px}.principle-item{display:flex;gap:24px}.step-num{font-size:13px;color:var(--blue);padding-top:5px;font-weight:700}.principle-item h3{font-size:19px;margin-bottom:8px}.principle-item p{color:var(--muted);font-size:15px}.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-strip p{margin-top:12px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:24px}.detail{padding:42px 0 0}.breadcrumb{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:30px}.breadcrumb a:hover{color:var(--blue)}.detail-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding:48px;background:var(--paper);border-radius:22px;border:1px solid var(--line);align-items:center}.detail-hero .module-icon{width:60px;height:60px;margin-bottom:24px}.detail-hero h1{font-family:Manrope,sans-serif;font-size:48px;letter-spacing:-1.5px;direction:ltr}.detail-hero h2{font-size:24px;margin-top:12px}.detail-hero p{color:var(--muted);margin-top:20px;line-height:1.95}.detail-aside{border-inline-start:1px solid #d8deea;padding-inline-start:40px}.detail-aside h3{font-size:14px;color:var(--muted);margin-bottom:18px}.detail-aside ul{padding-inline-start:20px;margin:0;display:grid;gap:13px;font-size:15px}.detail-aside .button{margin-top:28px;width:100%}.access-note{font-size:12px!important;line-height:1.7!important;margin-top:10px!important}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}.feature{padding:30px 0;border-top:1px solid var(--line);display:flex;gap:22px}.feature-number{font-size:13px;line-height:2;color:var(--blue);font-weight:700}.feature h3{font-size:19px;margin-bottom:12px}.feature p{color:var(--muted);font-size:15px;line-height:1.95}.workflow{background:var(--navy);color:white;border-radius:22px;padding:44px;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.workflow h2{font-size:28px}.workflow-intro{color:#becbdf;margin-top:16px;font-size:15px}.workflow ol{list-style:none;counter-reset:steps;margin:0;padding:0;display:grid;gap:22px}.workflow li{counter-increment:steps;display:flex;gap:18px;align-items:baseline;font-size:15px;color:#e1e8f3}.workflow li:before{content:counter(steps,decimal-leading-zero);color:var(--mint);font-family:Manrope,sans-serif;font-size:13px}.related{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.related a{border:1px solid var(--line);border-radius:9px;padding:12px 20px;font-size:14px;display:flex;align-items:center;gap:20px}.related a:hover{border-color:var(--blue);color:var(--blue)}.not-found{text-align:center;padding:100px 24px}.not-found h1{font-size:40px;margin-bottom:20px}.not-found .button{margin-top:25px}[hidden]{display:none!important}@media(min-width:1500px){.hero-panel{padding:64px}}@media(max-width:1050px){.hero-panel{gap:30px;padding:40px}.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:38px}.nav-links{gap:20px}.nav-actions .button{display:none}.principle-layout{gap:45px}.detail-hero{gap:30px;padding:35px}.workflow{gap:35px}}@media(max-width:740px){.wrap{width:calc(100% - 36px)}.header{height:76px}.nav{gap:14px}.brand-name{font-size:23px}.nav-links{gap:16px}.nav-links a:not(:first-child){display:none}.nav-links a{font-size:13px}.nav-actions{gap:0}.language{padding-inline-start:13px;font-size:13px}.hero{padding-top:22px}.hero-panel{grid-template-columns:1fr;padding:30px 25px;gap:35px;border-radius:18px}.hero h1,html[lang=ar] .hero h1{font-size:34px}.hero p{font-size:15px;margin-top:18px}.hero-directory{padding:20px}.quick-module{padding:15px 0}.hero-foot{flex-direction:column;gap:6px;padding:18px 3px;font-size:12px}.section{padding:52px 0}.section-head{display:block;margin-bottom:25px}.section h2{font-size:27px}.section-head p{margin-top:15px;font-size:14px}.catalogue{grid-template-columns:1fr;gap:16px}.module-card{padding:24px}.card-heading{margin-bottom:18px}.principle-layout{grid-template-columns:1fr;gap:32px}.principle-list{gap:24px}.contact-strip{align-items:start;flex-direction:column;gap:24px}.footer-inner{align-items:start;flex-direction:column;gap:15px}.footer-links{flex-wrap:wrap;gap:18px}.detail{padding-top:25px}.detail-hero{grid-template-columns:1fr;padding:28px;gap:30px}.detail-hero h1{font-size:38px}.detail-hero h2{font-size:21px}.detail-aside{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:25px}.feature-grid{grid-template-columns:1fr}.feature{padding:25px 0;gap:16px}.workflow{grid-template-columns:1fr;padding:28px;gap:28px}.workflow h2{font-size:25px}.breadcrumb{font-size:12px}.hero-actions{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-logo-window{display:block;position:relative;overflow:hidden;width:210px;height:42px}.brand .brand-logo-window img{position:absolute;max-width:none;width:210px;height:142px;object-fit:fill;top:-49px;left:0}.module-logo{width:120px;height:78px;object-fit:contain;object-position:center}.quick-logo{display:flex;align-items:center;justify-content:center;width:70px;height:62px;background:white;border-radius:10px;flex-shrink:0;padding:6px}.quick-logo img{width:58px;height:50px;object-fit:contain}.detail-logo{display:block;width:145px;height:90px;object-fit:contain;margin-bottom:22px}.hero-link,.launch-link{display:inline-flex;align-items:center;gap:6px}.module-card h3{text-align:start}.related-section{border-bottom:1px solid var(--line)}@media(max-width:740px){.brand-logo-window{width:150px;height:34px}.brand .brand-logo-window img{width:150px;height:102px;top:-34px}.nav{gap:8px}.module-logo{width:110px;height:74px}.card-heading{align-items:center}.quick-desc{font-size:12px}.quick-name{font-size:16px}.quick-module{gap:12px}.quick-logo{width:58px;height:56px}.quick-logo img{width:46px;height:44px}}@media(max-width:380px){.brand-logo-window{width:126px}.brand .brand-logo-window img{width:126px;height:86px;top:-27px}.hero-panel{padding:26px 20px}.hero h1,html[lang=ar] .hero h1{font-size:30px}.card-actions{flex-wrap:wrap}.quick-logo{width:48px}.quick-desc{font-size:12px}}

/* Arabic corporate typography: Tajawal, with natural joining and restrained hierarchy. */
html[lang=ar]{font-family:'Tajawal',Arial,sans-serif;line-height:1.85}
html[lang=ar] .eyebrow{letter-spacing:0;font-size:15px;font-weight:700}
html[lang=ar] .hero h1{letter-spacing:0;font-size:clamp(36px,3.8vw,50px);line-height:1.4;font-weight:700;text-wrap:balance}
html[lang=ar] .hero p{font-size:18px;line-height:1.95;max-width:560px}
html[lang=ar] .section h2{letter-spacing:0;font-weight:700;line-height:1.5}
html[lang=ar] .section-head p,html[lang=ar] .module-card p,html[lang=ar] .feature p,html[lang=ar] .principle-item p{font-size:16px;line-height:1.9}
html[lang=ar] .module-card .subtitle{font-size:16px;line-height:1.7;font-weight:700}
html[lang=ar] .card-actions{font-size:14px;flex-wrap:wrap}
html[lang=ar] .launch-link{font-size:14px}
html[lang=ar] .quick-desc{font-size:14px;line-height:1.6}
html[lang=ar] .nav-links,html[lang=ar] .button{font-size:15px}
html[lang=ar] .hero-foot{font-size:14px}
html[lang=ar] .feature h3{font-size:21px;font-weight:700}
html[lang=ar] .detail-hero h2{line-height:1.6}
html[lang=ar] .detail-hero p,html[lang=ar] .principle-intro{font-size:18px;line-height:1.95}
html[lang=ar] .module-card{border-radius:14px}
html[lang=ar] .module-card:hover{box-shadow:0 8px 28px #101b3407}
@media(max-width:740px){html[lang=ar] .hero h1{font-size:36px;line-height:1.45}html[lang=ar] .hero p,html[lang=ar] .detail-hero p,html[lang=ar] .principle-intro{font-size:17px}html[lang=ar] .nav-links{font-size:14px}html[lang=ar] .hero-foot{font-size:13px}html[lang=ar] .eyebrow{font-size:14px}}
@media(max-width:380px){html[lang=ar] .hero h1{font-size:32px}html[lang=ar] .nav-links{font-size:13px}}