@font-face{font-family:"Cairo";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/cairo-400.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/cairo-500.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/cairo-600.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/cairo-700.ttf") format("truetype")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/cairo-800.ttf") format("truetype")}
:root{--ink:#172e4d;--green:#1e5fb5;--lime:#b5d9ff;--paper:#f5f8fc;--muted:#62748b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #295691;outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dadee4;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.7px;font-size:21px}.brand b{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--green);border-radius:50%;font-size:20px}.brand small{display:block;font-size:9px;letter-spacing:3.6px;margin-top:1px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:#265086}.btn{display:inline-flex;justify-content:center;align-items:center;gap:27px;background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;padding:15px 22px;font-size:14px;font-weight:600}.btn.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn.outline{background:transparent;color:var(--ink);border-color:#bdc3cb}.menu{display:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#5074a2}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(45px,5.2vw,74px);line-height:1.09;letter-spacing:-3.9px;font-weight:500;margin:27px 0}h1 em{font-style:normal;color:#4c78ae}p{line-height:1.75;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:78px 0 64px}.hero p{max-width:500px;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-note{font-size:11px;letter-spacing:.3px;margin-top:26px;color:var(--muted)}.visual{height:475px;background:#e1e6ed;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#a7b2c0 1px,transparent 1px);background-size:19px 19px}.orbit{position:absolute;width:420px;height:420px;border:1px solid #bdc7d3;border-radius:50%}.orbit.two{width:310px;height:310px}.console{width:86%;background:#fff;border:1px solid #d8dde4;border-radius:12px;box-shadow:0 24px 50px #19293e20;z-index:1;transform:rotate(-2deg)}.console-top{padding:17px 20px;border-bottom:1px solid #e9ecf0;font-size:12px;font-weight:600;display:flex;justify-content:space-between}.live{color:#617288;font-size:9px}.console-body{padding:20px}.question{padding:13px;background:#edf0f5;border-radius:6px;font-size:12px;margin-bottom:18px}.insight{font-size:13px;line-height:1.6}.insight strong{display:block;margin-bottom:7px}.bars{height:110px;display:flex;align-items:flex-end;gap:12px;padding:15px 10px 0;border-bottom:1px solid #dee2e8}.bars i{flex:1;background:#bccee5;border-radius:4px 4px 0 0}.bars i:nth-child(3n){background:#304c71}.chart-label{display:flex;justify-content:space-between;font-size:9px;color:#7b828b;margin:8px 10px}.console-foot{border-top:1px solid #e5e8ed;padding:12px 20px;font-size:9px;color:#787f89}.float-tag{position:absolute;bottom:32px;right:20px;z-index:2;background:var(--green);color:white;border-radius:8px;padding:14px 18px;font-size:11px;box-shadow:0 7px 18px #18283e25}.strip{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid #dadee4;border-bottom:1px solid #dadee4;color:#6a717a;font-size:12px;gap:20px}.strip strong{color:var(--ink)}section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}h2{font-size:clamp(32px,3.3vw,45px);font-weight:500;letter-spacing:-1.8px;line-height:1.18;margin:18px 0}.section-head p{max-width:380px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #d9dee4;border-radius:9px;padding:28px;min-height:235px;background:#fff;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#6a7c93}.card-top{display:flex;justify-content:space-between;color:#6e7e93;font-size:11px}.icon{font-size:25px;line-height:1}.card h3{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:26px 0 10px}.card p{font-size:14px;margin-bottom:22px}.link{font-size:12px;font-weight:700}.dark{background:#173b68;color:#edf5ff}.dark p{color:#b5bdc8}.demo-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.tabs{display:flex;flex-direction:column;gap:9px;margin-top:30px}.tab{text-align:left;background:transparent;color:#b7c0cb;border:1px solid #425063;padding:16px 18px;border-radius:6px;display:flex;justify-content:space-between}.tab.active{background:#b5d9ff;color:#173b68;border-color:#b5d9ff}.demo-screen{background:#f5f9ff;color:var(--ink);padding:28px;border-radius:13px;min-height:360px}.demo-screen small{color:#6c7580;font-size:10px;letter-spacing:1px}.demo-screen h3{font-size:23px;letter-spacing:-.7px}.bubble{background:#dce4ef;padding:17px;border-radius:9px;font-size:14px;line-height:1.6;margin:20px 0}.answer{border-left:3px solid #6889b5;padding-left:17px;font-size:14px;line-height:1.8}.demo-screen .caption{font-size:10px;color:#707882;border-top:1px solid #d9dee4;padding-top:18px;margin-top:23px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.step{border-top:1px solid #bbc2cb;padding-top:22px}.step span{font-size:11px;color:#6a7789}.step h3{font-size:19px}.step p{font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #dadee4}.about-visual{min-height:330px;background:#d9e0e9;border-radius:10px;padding:45px;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(130deg,transparent 45%,#b9c5d5 45%,#b9c5d5 46%,transparent 46%),linear-gradient(45deg,transparent 45%,#b9c5d5 45%,#b9c5d5 46%,transparent 46%)}.about-visual strong{font-family:Manrope;font-size:70px;font-weight:500;letter-spacing:-4px}.about-visual p{font-size:14px;max-width:240px}.contact{background:#dfe6ef;border-radius:12px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}.contact h2{font-size:42px}.contact p{font-size:14px}label{display:block;font-size:12px;margin-bottom:8px}input,select,textarea{width:100%;padding:12px;border:1px solid #b5bfcd;background:#f5f8fc;border-radius:5px;color:var(--ink);margin-bottom:16px}textarea{resize:vertical;min-height:90px}.form-note{font-size:11px!important;margin:10px 0}footer{padding:35px 0 25px;border-top:1px solid #dadee4}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-top p{font-size:12px;max-width:290px}.footer-links{display:flex;gap:30px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:#707882;margin-top:35px}.detail{max-width:850px;padding:80px 0 60px}.detail h1{font-size:59px}.detail p{font-size:18px}.detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 70px}.detail-item{background:#dfe6ef;padding:25px;border-radius:8px}.detail-item h3{font-size:18px}.back{font-size:12px;color:#5d6a7b}@media(max-width:900px){header>.btn{display:none}.hero{gap:25px}.hero h1{font-size:51px}.visual{height:420px}.grid{grid-template-columns:repeat(2,1fr)}.demo-layout,.about{gap:35px}.contact{padding:30px;gap:30px}.steps{gap:20px}}@media(max-width:650px){header{height:80px;position:relative}.brand{font-size:18px}.menu{display:block;background:transparent;border:1px solid #b6bfcb;padding:8px;border-radius:4px;color:var(--ink)}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:25px;z-index:5;border:1px solid #dadee4;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 0}.hero h1{font-size:51px;letter-spacing:-2.7px}.visual{height:390px}.strip{flex-wrap:wrap;font-size:10px}.section-head{display:block}.grid,.demo-layout,.about,.contact{grid-template-columns:1fr}.grid{gap:12px}.card{min-height:200px}.steps{grid-template-columns:1fr 1fr}.demo-layout{gap:30px}section{padding:60px 0}.contact{margin-bottom:50px}.footer-top{flex-direction:column}.footer-links{flex-wrap:wrap}.detail h1{font-size:43px}.detail-list{grid-template-columns:1fr}.about-visual{min-height:260px}.footer-bottom{gap:20px}.contact h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.language-switch{font-size:13px;font-weight:600;border:1px solid #bdc3cb;border-radius:5px;padding:8px 12px;white-space:nowrap;margin-inline-start:auto}header nav{margin-inline-start:auto}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .about-visual strong{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}html[dir=rtl] .eyebrow,html[dir=rtl] .brand small{letter-spacing:0}html[dir=rtl] .brand{letter-spacing:0}html[dir=rtl] .tab{text-align:right}html[dir=rtl] .answer{border-left:0;border-right:3px solid #6889b5;padding-left:0;padding-right:17px}html[dir=rtl] .console{transform:rotate(2deg)}html[dir=rtl] .float-tag{right:auto;left:20px}html[dir=rtl] input[type=email],a[href^="tel:"],a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .hero h1{font-size:clamp(43px,4.4vw,64px)}@media(max-width:650px){header{gap:10px}.brand{font-size:16px}.brand small{font-size:8px;letter-spacing:2px}.brand b{width:30px;height:30px}.language-switch{padding:7px}.menu{font-size:12px}html[dir=rtl] .hero h1{font-size:44px}html[dir=rtl] .brand small{letter-spacing:0}}
.policy{max-width:900px;margin:0 auto;padding:65px 0 80px}.policy h1{font-size:clamp(34px,4vw,54px);letter-spacing:-1.6px}.policy section{padding:22px 0}.policy h2{font-size:28px;letter-spacing:-.7px}.policy h3{font-size:20px;margin-top:28px}.policy p,.policy li{font-size:16px;line-height:1.85;color:var(--muted)}.policy li{margin-bottom:12px}.policy ol{padding-inline-start:25px}.policy a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}html[dir=rtl] .policy h1,html[dir=rtl] .policy h2{letter-spacing:0}
html[dir=rtl] .brand small{font-family:inherit;font-weight:400;letter-spacing:0}.faq{padding-top:0}.faq details{border-bottom:1px solid #dadee4;padding:20px 0}.faq summary{cursor:pointer;font-weight:600;line-height:1.6}.faq p{max-width:850px;font-size:15px}.faq summary:focus-visible{outline:3px solid #295691;outline-offset:5px}
.form-trap{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}button:disabled{opacity:.6;cursor:wait}
html[lang="ar"] .eyebrow{font-size:calc(11px + 1pt)}
/* Increase the Arabic logo tagline and remaining smallest text styles by 1pt. */
html[lang="ar"] .brand small,html[lang="ar"] .live,html[lang="ar"] .chart-label,html[lang="ar"] .console-foot{font-size:calc(9px + 1pt)}
html[lang="ar"] .demo-screen small,html[lang="ar"] .demo-screen .caption,html[lang="ar"] .footer-bottom{font-size:calc(10px + 1pt)}
html[lang="ar"] .hero-note,html[lang="ar"] .float-tag,html[lang="ar"] .card-top,html[lang="ar"] .step span{font-size:calc(11px + 1pt)}
html[lang="ar"] .form-note{font-size:calc(11px + 1pt)!important}
@media(max-width:650px){html[lang="ar"] .brand small{font-size:calc(8px + 1pt)}html[lang="ar"] .strip{font-size:calc(10px + 1pt)}}
/* Readable Arabic small text on phones; desktop typography stays unchanged. */
@media(max-width:650px){
 html[lang="ar"] .brand small{font-size:13px;line-height:1.6}
 html[lang="ar"] .live,html[lang="ar"] .chart-label,html[lang="ar"] .console-foot,html[lang="ar"] .demo-screen small,html[lang="ar"] .demo-screen .caption,html[lang="ar"] .footer-bottom,html[lang="ar"] .strip,html[lang="ar"] .eyebrow,html[lang="ar"] .hero-note,html[lang="ar"] .float-tag,html[lang="ar"] .card-top,html[lang="ar"] .step span{font-size:14px;line-height:1.65}
 html[lang="ar"] .form-note{font-size:14px!important;line-height:1.65}
 html[lang="ar"] .console-top,html[lang="ar"] .chart-label,html[lang="ar"] .footer-bottom{flex-wrap:wrap;gap:8px}
 html[lang="ar"] .float-tag{max-width:calc(100% - 40px)}
 html[lang="ar"] .brand b{flex-shrink:0}
}

/* Arabic typography matches the Cairo family used on the reference site. */
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .about-visual strong,html[lang="ar"] .brand,html[lang="ar"] .brand small,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:"Cairo",Tahoma,Arial,sans-serif}

/* English's two smallest mobile sizes: 8px and 9px, increased by 1pt. */
@media(max-width:650px){html[lang="en"] .brand small{font-size:calc(8px + 1pt)}html[lang="en"] .live,html[lang="en"] .chart-label,html[lang="en"] .console-foot{font-size:calc(9px + 1pt)}}

@font-face{font-family:"Logo E";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/logo-e.ttf") format("truetype")}
html .brand b{font-family:"Logo E","DM Sans",sans-serif;font-weight:800;font-style:normal;letter-spacing:-.7px;line-height:normal;direction:ltr;flex-shrink:0}

.brand .logo-mark{display:block;width:38px;height:38px;flex-shrink:0}html[lang="en"] .strip{font-size:calc(12px + 1pt)}
@media(max-width:650px){.brand .logo-mark{width:30px;height:30px}html[lang="en"] .strip{font-size:calc(10px + 1pt)}}

.site-header{position:sticky;top:0;z-index:1000;background:var(--paper);box-shadow:0 3px 12px #172e4d08}

html[lang="ar"]{overflow-x:clip}html[lang="ar"] .hero>*,html[lang="ar"] .grid>*,html[lang="ar"] .demo-layout>*,html[lang="ar"] .about>*,html[lang="ar"] .contact>*{min-width:0}html[lang="ar"] .contact,html[lang="ar"] .footer-top{overflow-wrap:anywhere}
@media(max-width:380px){html[lang="ar"] header{gap:6px}html[lang="ar"] header .brand{font-size:14px;gap:7px}html[lang="ar"] header .logo-mark{width:26px;height:26px}html[lang="ar"] .menu{font-size:11px;padding:6px}html[lang="ar"] .language-switch{font-size:12px;padding:6px}}