@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#101c35;--blue:#2778ff;--muted:#5a667c;--line:#dde3ee;--paper:#f5f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans Arabic',sans-serif;background:white;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,select{font:inherit}header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex}.brand img{height:40px;width:144px}nav{display:flex;gap:30px;margin-inline-start:auto;font-size:14px;font-weight:600}.header-actions{display:flex;gap:22px;align-items:center}select{border:0;background:transparent;color:var(--muted);font-size:14px;padding:8px;max-width:115px}.contact-link{font-size:14px;font-weight:700;border-bottom:2px solid var(--blue)}main{max-width:1440px;margin:auto}section{padding:90px 5%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding-top:80px;padding-bottom:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--blue);margin:0 0 26px}h1,h2,h3{font-family:'Manrope','Noto Sans Arabic',sans-serif;line-height:1.13;margin:0;font-weight:700;letter-spacing:-.045em}h1{font-size:clamp(48px,5.1vw,76px)}h1 span{color:var(--blue)}.intro{max-width:470px;color:var(--muted);font-size:18px;margin:28px 0 32px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.button{padding:13px 22px;border-radius:5px;font-size:14px;font-weight:700}.primary{background:var(--ink);color:white}.secondary{border:1px solid var(--line)}.hero-foot{font-size:13px;color:var(--muted);max-width:350px;margin:30px 0 0}.hero-panel{padding:28px 32px;background:var(--ink);color:white;border-radius:10px;min-height:470px;box-shadow:0 24px 60px #101c3518}.panel-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#a9b9d6}.product-name{font-size:76px;letter-spacing:-.06em;font-weight:600;margin-top:32px;line-height:1.1}.product-name span{font-size:16px;vertical-align:super;margin-inline-start:6px}.panel-caption{color:#becae1;font-size:16px;margin:10px 0 30px}.ledger{background:#fff;color:var(--ink);border-radius:7px;padding:20px 22px}.ledger-head{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:14px}.ledger-symbol{color:var(--blue);font-size:22px}.ledger-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:14px}.ledger-row b{font-weight:500;color:#9aa6bc}.ledger-bottom{display:flex;justify-content:space-between;background:#eef4ff;margin:10px -10px -8px;padding:8px 10px;font-size:12px;color:#2463bf}.panel-note{font-size:12px;color:#a9b9d6;margin-bottom:0}.principles{margin:0 5%;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:14px;font-weight:500}.section-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:35px}h2{font-size:clamp(32px,3.7vw,50px)}.product-content{display:grid;grid-template-columns:1fr 1.25fr;gap:9%}.product-content>div>p{color:var(--muted);max-width:400px;margin:25px 0}.text-link{font-weight:700;font-size:14px;border-bottom:2px solid var(--blue);padding-bottom:5px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature-grid article{border-top:1px solid var(--line);padding-top:16px}.feature-num{font-size:12px;color:var(--blue)}h3{font-size:20px;letter-spacing:-.025em;margin-top:13px}.feature-grid p{font-size:14px;color:var(--muted);margin-bottom:0}#services{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:60px;margin-bottom:45px}.section-heading p{max-width:390px;color:var(--muted);margin:0}.service-list article{display:grid;grid-template-columns:50px 1fr 1fr;gap:30px;padding:28px 0;border-top:1px solid #d3dce9;align-items:start}.service-list article>span{color:var(--blue);font-size:14px}.service-list h3{font-size:25px;margin:0}.service-list p{margin:0;color:var(--muted);font-size:15px}.company{display:grid;grid-template-columns:1fr 1fr;gap:9%}.company p{margin-top:0;color:var(--muted)}.company-details{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:12px;font-weight:600}.cta{background:var(--blue);color:white;text-align:center;padding:75px 5%}.cta .eyebrow{color:#d9e8ff}.cta h2{font-size:clamp(42px,5vw,64px)}.cta>a{display:inline-block;font-size:clamp(18px,2.2vw,28px);border-bottom:1px solid #ffffff80;margin:28px 0 8px}.cta>p:last-child{font-size:14px;color:#e0ebff}footer{max-width:1440px;margin:auto;display:flex;gap:35px;align-items:center;padding:32px 5%;font-size:12px;color:var(--muted)}.footer-brand{font-size:24px;font-weight:800;letter-spacing:-.05em;color:var(--ink)}footer>span{margin-inline-end:auto}a:hover{opacity:.78}a:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:6px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.4}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .product-name{direction:ltr;text-align:right}html[dir=rtl] .cta>a{direction:ltr}@media(max-width:800px){header{gap:15px;padding:20px 5%;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center;margin:0;gap:25px}.header-actions{margin-inline-start:auto;gap:10px}.hero{grid-template-columns:1fr;gap:42px;padding-top:50px}.hero-copy{max-width:600px}.hero-panel{min-height:auto}.principles{gap:15px;font-size:12px;flex-wrap:wrap}.product-content,.company{grid-template-columns:1fr;gap:40px}section{padding:60px 5%}.section-heading{display:block}.section-heading p{margin-top:24px}.service-list article{grid-template-columns:28px 1fr;gap:15px}.service-list p{grid-column:2}.company-details{gap:20px}footer{gap:20px;flex-wrap:wrap}.contact-link{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
