@font-face{font-family:Almarai;src:url('/fonts/almarai-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Almarai;src:url('/fonts/almarai-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Almarai;src:url('/fonts/almarai-extrabold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--navy:#071d35;--navy-2:#0b2d52;--blue:#1459e8;--cyan:#19cdbd;--ink:#10263d;--muted:#607187;--line:#dce5ed;--paper:#f7f9fb;--warm:#f5f7f5;--white:#fff;--shadow:0 25px 70px rgba(14,39,64,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:'IBM Plex Sans Arabic','DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}html[lang=en] body{font-family:'DM Sans','IBM Plex Sans Arabic',system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:108px 0}.section-grid{background-image:linear-gradient(to right,rgba(18,58,97,.035) 1px,transparent 1px);background-size:calc(100% / 12) 100%}.section-kicker,.eyebrow{color:#0b6e78;font-size:13px;font-weight:700;letter-spacing:.025em}.section-kicker{margin-bottom:16px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.2}h2{font-size:clamp(32px,3.6vw,50px);margin-bottom:20px}p{line-height:1.9}.section-lead{color:var(--muted);font-size:18px;max-width:650px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:55px;padding:0 24px;border:1px solid transparent;border-radius:7px;font-weight:700;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(6,49,112,.16)}.button:focus-visible,.text-link:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:#0a49d3}.button-dark{background:var(--navy);color:#fff}.button-small{min-height:43px;padding:0 17px;font-size:13px;gap:14px}.button-outline{border-color:#98acc0;background:transparent}.button-white{background:#fff;color:var(--navy)}.text-link{display:inline-flex;gap:16px;align-items:center;font-weight:700;color:var(--navy);font-size:14px}.text-link:hover{color:var(--blue)}.text-link.light{color:#fff}.text-link span,.button span{font-family:Arial,sans-serif}.muted{opacity:.45}
.announcement{min-height:35px;background:var(--navy);color:#d8e7f0;display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;padding:6px 16px}.announcement a{color:#8cefe4;font-weight:600;display:inline-flex;gap:5px}.announcement-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(25,205,189,.15)}.site-header{height:82px;background:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(15,47,77,.08)}.header-inner{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:174px;height:58px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:27px;margin-inline:auto}.main-nav a{font-size:13px;font-weight:600;color:#40546b;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:20px}.language-link{font-size:13px;font-weight:700;color:#42566d}.menu-toggle{display:none}
.hero{background-color:#f8faf9;overflow:hidden}.hero-inner{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding-block:62px 78px}.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:24px}.eyebrow-line{width:24px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.14;max-width:680px;margin-bottom:25px;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:18px;max-width:600px;color:#53667b;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.hero-note{display:flex;align-items:start;gap:9px;font-size:12px;color:#718294;line-height:1.6;margin:24px 0 0}.hero-note span{color:#139a8e;font-weight:700}.hero-visual{background:var(--navy);color:#fff;border-radius:14px;box-shadow:0 36px 80px rgba(9,35,63,.18);overflow:hidden;transform:translateY(15px);border:1px solid #17456d}.visual-topline{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px;color:#8faec6;letter-spacing:.04em}.visual-live{display:flex;align-items:center;gap:9px;color:#d7f8f2}.visual-live i{display:block;background:#34d6bc;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px rgba(52,214,188,.12)}.visual-flow{padding:27px}.flow-row{display:flex;align-items:center;gap:15px;background:#103151;border:1px solid #244760;border-radius:9px;padding:17px 17px;min-height:82px}.flow-row div{min-width:0}.flow-row small{display:block;color:#90acc0;font-size:11px;letter-spacing:.02em;margin-bottom:4px}.flow-row strong{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-row b{margin-inline-start:auto;font-size:16px;white-space:nowrap}.flow-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;background:#164b7a;color:#6edfcf;flex:none;font-size:22px}.flow-order{color:#92c7ff}.flow-match{background:#056b6d;color:#fff}.flow-connector{height:27px;display:flex;align-items:center;padding-inline-start:36px}.flow-connector span{display:block;width:1px;height:100%;background:#3f7892}.flow-mini-tag{margin-inline-start:auto;padding:5px 7px;background:#174363;border-radius:5px;font-size:12px;white-space:nowrap}.flow-highlight{background:#0f3f4c;border-color:#2b918d}.flow-status{margin-inline-start:auto;background:#c9f9e9;color:#0e584e;font-size:11px;font-weight:700;padding:6px 9px;border-radius:4px;white-space:nowrap}.visual-footer{height:58px;background:#0a263f;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;padding:0 27px;color:#99b2c8;font-size:11px}.visual-footer-mark{font-family:Arial;font-weight:900;color:#3ea0ff;font-size:18px}.visual-footer-mark span{color:var(--cyan);font-size:12px}
.methods-strip{background:#fff;border-bottom:1px solid var(--line)}.methods-inner{min-height:140px;display:flex;align-items:center;gap:60px}.methods-inner>div:first-child{max-width:245px;flex:none}.methods-inner strong{display:block;color:var(--navy);font-size:15px;line-height:1.5}.methods-inner small{display:block;color:#8090a0;font-size:11px;margin-top:6px;line-height:1.5}.method-list{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px;flex-wrap:wrap}.method-list span{font-family:'DM Sans',sans-serif;color:#507087;font-size:15px;font-weight:700;white-space:nowrap}.split-layout{display:grid;grid-template-columns:1fr .9fr;gap:11%;align-items:start}.problem-section h2{max-width:620px}.problem-list{border-top:1px solid var(--line);margin-top:23px}.problem-item{min-height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:19px}.problem-item span:first-child{font:600 11px 'DM Sans';color:#0f9b91}.problem-item strong{font-size:15px;font-weight:600;flex:1}.problem-item span:last-child{color:#8095a8}.steps-section{background:var(--paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading h2{max-width:630px;margin-bottom:0}.steps-grid,.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step-card{background:#fff;border:1px solid #e0e7ed;border-radius:9px;padding:31px;min-height:300px;position:relative}.step-num{font:700 12px 'DM Sans';color:#77a0b7}.step-symbol{width:55px;height:55px;background:#e9f7f7;color:#0e9b96;display:grid;place-items:center;margin:30px 0 22px;font-size:28px;border-radius:8px}.step-card h3,.step-card h2{font-size:22px;margin-bottom:9px}.step-card p{color:var(--muted);font-size:14px;margin:0}.cod-section{background:#edf4f4}.cod-inner{display:grid;grid-template-columns:1fr .9fr;gap:10%;align-items:center}.cod-copy h2{max-width:620px}.cod-copy .button{margin-top:15px}.cod-visual{background:#fff;border:1px solid #d7e5e7;box-shadow:var(--shadow);border-radius:12px;padding:34px;max-width:485px;width:100%;justify-self:end}.cod-visual-head{display:flex;align-items:center;justify-content:space-between;color:#607b8b;font-size:13px}.cod-dot{width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 6px #e0f7f2}.cod-visual>strong{font-size:29px;display:block;margin:10px 0 27px}.cod-ledger{border-top:1px solid var(--line)}.cod-ledger>div{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;font-size:14px}.cod-ledger b{margin-inline-start:auto;font:600 11px 'DM Sans';color:#9aaeba}.ledger-icon{width:28px;height:28px;border-radius:6px;background:#e9f7f7;color:#0e9b96;display:grid;place-items:center}.integration-section{background:var(--navy);color:#fff;overflow:hidden}.integration-inner{display:grid;grid-template-columns:1fr .85fr;gap:11%;align-items:center}.integration-section h2{max-width:570px}.integration-section .section-lead{color:#a8bed2}.integration-section .section-kicker{color:#62d9d0}.integration-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.integration-diagram{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;position:relative}.diagram-node{height:57px;min-width:260px;border:1px solid #2e5573;background:#123757;border-radius:8px;display:flex;align-items:center;gap:13px;padding:0 18px;color:#dce9f3;font:600 14px 'DM Sans'}.diagram-node span{width:34px;height:34px;border-radius:5px;display:grid;place-items:center;background:#235b86;color:#89e9dc;font-size:14px}.diagram-line{height:28px;width:1px;background:#397691}.diagram-center{width:100%;max-width:320px;min-height:98px;background:#f8fbfb;border-radius:9px;color:var(--navy);display:flex;align-items:center;gap:8px;padding:12px 22px;font:700 17px 'DM Sans'}.diagram-center img{width:72px;height:72px;object-fit:contain}.trust-inner{display:grid;grid-template-columns:.35fr 1fr;gap:8%;align-items:center;max-width:950px}.trust-mark{font:700 118px Arial;color:#14bba9;background:#e9f8f5;border:1px solid #d3f0e9;width:205px;height:205px;display:grid;place-items:center;border-radius:25px;transform:rotate(-7deg)}.trust-inner h2{max-width:660px}.trust-inner .text-link{margin-top:5px}.faq-section{background:var(--paper)}.faq-inner{display:grid;grid-template-columns:.65fr 1fr;gap:10%}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:var(--blue);font-weight:400;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:14px;color:var(--muted);margin:12px 0 0;max-width:600px}.final-cta{background:#e5f4f2;padding:58px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{font-size:34px;margin-bottom:4px}.final-cta p{color:#557184;margin:0;font-size:14px}.site-footer{background:#f9fbfc}.footer-top{padding:48px 0 38px;display:flex;justify-content:space-between;gap:35px}.footer-brand img{width:170px;height:56px;object-fit:contain}.footer-brand p{color:#7b8b9a;font-size:13px;margin:0}.footer-links{display:flex;align-items:start;gap:25px;flex-wrap:wrap;padding-top:22px}.footer-links a{font-size:12px;font-weight:600;color:#536a7c}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8b9dac}
.subpage-hero{background-color:#f7faf9}.subpage-inner{padding:125px 0 135px;max-width:1180px}.subpage-hero h1{font-size:clamp(45px,5.5vw,72px);max-width:820px;color:var(--navy);margin-bottom:24px}.subpage-hero p{font-size:19px;max-width:690px;color:#64788a}.subpage-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.subpage-content{background:#fff}.detail-card{border:1px solid var(--line);border-radius:9px;padding:35px;min-height:245px}.detail-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:8px;background:#e6f6f4;color:#0c8d87;font:700 20px 'DM Sans';margin-bottom:24px}.detail-card h2{font-size:21px;margin-bottom:8px}.detail-card p{font-size:14px;color:var(--muted);margin:0}.single-note{border:1px solid var(--line);background:var(--paper);max-width:760px;padding:50px;border-radius:10px}.note-overline{font-size:12px;color:#0c9289;font-weight:700}.single-note h2{font-size:27px;margin:16px 0}.single-note p{color:var(--muted);margin:0}
.dashboard-body{background:#f5f8fa}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.dashboard-sidebar{background:var(--navy);color:#b9c9d8;min-height:100vh;padding:18px 16px 22px;display:flex;flex-direction:column}.dashboard-brand{display:flex;align-items:center;background:#fff;border-radius:7px;height:62px;padding:3px 13px;width:100%;margin-bottom:15px}.dashboard-brand img{width:158px;height:54px;object-fit:contain}.dashboard-preview{font-size:11px;color:#7fe2d8;background:#103a52;border:1px solid #1e5d6c;padding:8px 12px;border-radius:5px;display:flex;align-items:center;gap:9px}.dashboard-preview span{width:6px;height:6px;background:#3be0c1;border-radius:50%}.dashboard-nav{padding-top:29px;display:flex;flex-direction:column;gap:3px}.dashboard-nav a,.nav-disabled{min-height:40px;display:flex;align-items:center;gap:13px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500}.dashboard-nav a.active{background:#13466c;color:#fff}.dashboard-nav a span,.nav-disabled>span{font:700 18px Arial;width:22px;text-align:center;color:#65dfd0}.nav-disabled{color:#7f98ae;cursor:default}.nav-disabled small{margin-inline-start:auto;color:#4e738c;font-size:5px}.nav-group-label{text-transform:uppercase;letter-spacing:.1em;color:#6588a2;font:700 10px 'DM Sans';margin:20px 12px 7px}.sidebar-bottom{margin-top:auto;padding:24px 10px 0;border-top:1px solid #21435f;display:flex;flex-direction:column;gap:15px;font-size:12px}.sidebar-bottom a:hover{color:#fff}.dashboard-main{min-width:0}.dashboard-topbar{height:72px;background:#fff;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;align-items:center;padding:0 42px}.dash-breadcrumb{font-size:12px;color:#788d9e}.dash-breadcrumb span{padding:0 8px;color:#bbc6ce}.dash-top-actions{display:flex;align-items:center;gap:17px}.demo-pill{font-size:11px;color:#407b80;background:#e4f5f2;padding:7px 10px;border-radius:4px}.avatar{width:32px;height:32px;background:#dce8f2;color:#1d4a75;border-radius:50%;display:grid;place-items:center;font:700 13px 'DM Sans'}.dashboard-content{padding:46px 42px 70px;max-width:1550px;margin:auto}.dashboard-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:31px}.dashboard-heading h1{font-size:34px;margin-bottom:8px}.dashboard-heading p{font-size:14px;color:var(--muted);max-width:750px;margin:0}.dashboard-date{font-size:11px;color:#8297a6;border:1px solid var(--line);background:#fff;border-radius:4px;padding:7px 10px;white-space:nowrap}.dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.summary-card{background:#fff;border:1px solid #e0e8ee;border-radius:8px;padding:23px 25px;min-height:145px;display:flex;flex-direction:column}.summary-card>span{font-size:12px;color:#708597}.summary-card strong{font-size:32px;color:#afbdc8;margin:5px 0 0;line-height:1.3}.summary-card small{color:#9aadba;font-size:11px;margin-top:auto}.dashboard-lower{display:grid;grid-template-columns:1.3fr .75fr;gap:15px;margin-top:17px}.empty-panel,.next-panel{background:#fff;border:1px solid #e0e8ee;border-radius:8px;min-height:350px}.empty-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px}.empty-icon{width:63px;height:63px;border-radius:14px;background:#e9f7f4;color:#0da89b;font:500 35px Arial;display:grid;place-items:center;margin-bottom:20px}.empty-panel h2{font-size:21px;margin:0 0 8px}.empty-panel p{font-size:13px;color:#8294a2;max-width:375px;margin:0 0 20px}.empty-tag{background:#f2f6f7;color:#8799a5;padding:7px 12px;border-radius:5px;font-size:11px}.next-panel{padding:29px}.next-panel-top{display:flex;justify-content:space-between;color:#98a9b7;font:700 11px 'DM Sans'}.small-kicker{color:#0c918a}.next-panel h2{font-size:22px;margin:28px 0 9px}.next-panel p{color:var(--muted);font-size:12px;margin-bottom:22px}.setup-list{border-top:1px solid var(--line)}.setup-list>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.setup-list span{color:#0c918a;font:700 10px 'DM Sans'}
@media(max-width:1100px){.main-nav{gap:15px}.main-nav a{font-size:12px}.header-inner{gap:17px}.header-actions{gap:10px}.hero-inner{gap:25px}.hero h1{font-size:clamp(43px,5.6vw,68px)}}
@media(max-width:900px){.site-header{height:70px}.header-inner{justify-content:space-between}.brand img{width:145px;height:50px}.menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:6px;margin-inline-start:auto}.menu-toggle span{width:19px;height:2px;background:var(--navy)}.main-nav{display:none;position:absolute;top:70px;inset-inline:0;background:#fff;padding:18px 24px;box-shadow:0 20px 30px rgba(8,32,57,.1);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:10px;font-size:14px}.header-actions .button{display:none}.hero-inner{grid-template-columns:1fr;min-height:unset;padding-block:76px}.hero-copy{max-width:680px}.hero-visual{max-width:630px;width:100%;justify-self:center;transform:none}.methods-inner{gap:25px;align-items:start;padding-block:26px;flex-direction:column}.methods-inner>div:first-child{max-width:none}.method-list{width:100%}.split-layout,.cod-inner,.integration-inner,.faq-inner{grid-template-columns:1fr;gap:40px}.problem-list{margin-top:0}.cod-visual{justify-self:start;max-width:630px}.integration-diagram{min-height:270px}.trust-inner{grid-template-columns:160px 1fr}.trust-mark{width:145px;height:145px;font-size:80px}.dashboard-shell{grid-template-columns:195px minmax(0,1fr)}.dashboard-sidebar{padding-inline:10px}.dashboard-content{padding-inline:24px}.dashboard-topbar{padding-inline:24px}.dashboard-lower{grid-template-columns:1fr}.next-panel{min-height:0}}
@media(max-width:650px){.container{width:min(100% - 36px,1180px)}.section{padding:72px 0}.announcement{font-size:10px;gap:8px}.hero-inner{padding-block:58px 65px;gap:30px}.hero h1{font-size:clamp(43px,12vw,61px)}.hero-lead{font-size:15px}.hero-actions{gap:17px}.hero-note{font-size:11px}.hero-visual{border-radius:10px}.visual-topline{height:48px;padding-inline:16px}.visual-flow{padding:16px}.flow-row{padding:11px;gap:9px;min-height:69px}.flow-icon{width:32px;height:32px;font-size:17px}.flow-row small{font-size:9px}.flow-row strong{font-size:12px}.flow-row b,.flow-mini-tag,.flow-status{font-size:10px}.flow-connector{height:19px;padding-inline-start:27px}.visual-footer{height:45px;padding-inline:16px}.methods-inner{min-height:0}.method-list{justify-content:start;gap:13px 19px}.method-list span{font-size:12px}.section-lead{font-size:15px}.steps-grid,.detail-grid{grid-template-columns:1fr}.step-card{min-height:0;padding:25px}.step-symbol{margin:25px 0 15px}.section-heading{align-items:start;flex-direction:column}.cod-visual{padding:25px}.integration-actions{flex-wrap:wrap}.trust-inner{grid-template-columns:1fr;gap:25px}.trust-mark{width:82px;height:82px;font-size:46px;border-radius:13px}.faq-inner{gap:17px}.final-cta-inner,.footer-top,.footer-bottom{flex-direction:column;align-items:start}.final-cta h2{font-size:28px}.footer-links{padding-top:0}.subpage-inner{padding-block:80px 90px}.subpage-hero h1{font-size:44px}.subpage-hero p{font-size:16px}.subpage-actions{flex-wrap:wrap}.single-note{padding:30px}.dashboard-shell{display:block}.dashboard-sidebar{min-height:0;padding:12px 18px;display:flex;flex-direction:row;align-items:center;gap:12px}.dashboard-brand{width:125px;height:49px;margin:0}.dashboard-brand img{width:120px;height:45px}.dashboard-preview{margin-inline-start:auto;white-space:nowrap}.dashboard-nav,.sidebar-bottom{display:none}.dashboard-topbar{height:56px;padding-inline:18px}.dashboard-content{padding:30px 18px}.dashboard-heading{display:block}.dashboard-heading h1{font-size:28px}.dashboard-date{display:inline-block;margin-top:15px}.dashboard-summary{grid-template-columns:1fr;gap:9px}.summary-card{min-height:100px}.dashboard-lower{margin-top:9px}.empty-panel{min-height:310px}.next-panel{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}