@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#133c37;--muted:#536963;--paper:#f7f8f2;--lime:#d9ed98;--line:#d7ddd3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;line-height:1.7}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a87829;outline-offset:5px}nav{max-width:1280px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:30px;font-weight:800;letter-spacing:-1px}.brand span{font-size:21px;padding-inline-start:12px;border-inline-start:1px solid var(--line);margin-inline-start:10px}.navlinks{display:flex;gap:25px;align-items:center;font-size:14px}.navlinks a{text-decoration:none;padding:10px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 24px;background:var(--ink);color:white;border-radius:7px;text-decoration:none;border:1px solid var(--ink);font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:#28564d}.btn.light{background:var(--lime);color:var(--ink);border:0}.wrap{max-width:1180px;margin:auto;padding:0 28px}.hero{padding:70px 0 80px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;background:#77933b;border-radius:50%;display:inline-block}h1{font-size:clamp(42px,5.2vw,70px);line-height:1.13;letter-spacing:-3px;font-weight:600;margin:23px 0}h1 em{font-style:normal;background:var(--lime);padding:0 9px}h2{font-size:clamp(30px,3.4vw,44px);line-height:1.25;letter-spacing:-1.5px;font-weight:600;margin:15px 0 24px}h3{font-size:20px;line-height:1.4}.lead{font-size:18px;color:var(--muted);max-width:530px}.arabic{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:22px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.note{font-size:12px;color:var(--muted);margin-top:17px}.demo{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 25px 60px #183d3510;overflow:hidden;transform:rotate(-1deg)}.demohead{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px}.badge{font-size:11px;letter-spacing:.5px;background:#eef3e6;padding:4px 10px;border-radius:20px}.demobody{padding:25px}.demo h3{margin:0 0 15px;font-size:24px}.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tabs button{padding:9px 12px;min-height:44px;border:1px solid var(--line);background:white;border-radius:6px;cursor:pointer;font:inherit;font-size:12px}.tabs button[aria-pressed=true]{background:var(--ink);color:white}.row{padding:15px 0;border-bottom:1px solid #edf0e9;display:grid;grid-template-columns:30px 1fr 100px;gap:10px;align-items:center;font-size:13px}.rank{color:#85978c}.bar{height:7px;background:#eaf0e2;border-radius:5px}.bar i{display:block;height:7px;background:#749647;border-radius:5px}.demofeet{padding:17px 24px;background:#eff4e9;font-size:12px;display:flex;justify-content:space-between}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:24px;justify-content:space-between;font-size:13px}.section{padding:90px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro p{color:var(--muted)}.steps{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step{border-top:1px solid var(--ink);padding-top:20px}.step b{font-size:12px;color:#6f845f}.step p{font-size:14px;color:var(--muted)}.dark{background:var(--ink);color:#f5f8ef}.dark .eyebrow{color:var(--lime)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dark p{color:#ccd9d0}.message{background:#e8eee1;padding:30px;border-radius:12px;color:var(--ink)}.bubble{background:white;border-radius:10px;padding:24px;box-shadow:0 8px 16px #123c3710}.bubble p{color:var(--ink)}.bubble small{color:var(--muted)}.msgbutton{margin-top:10px;padding:12px;border-top:1px solid var(--line);text-align:center;font-size:14px;color:#286354}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:35px}.privacy-grid article{padding-inline-end:25px;border-inline-end:1px solid var(--line)}.privacy-grid p{color:var(--muted);font-size:15px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600;padding:8px 0}details p{max-width:800px;color:var(--muted)}.cta{background:var(--lime);padding:45px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:12px}.cta h2{margin:0 0 10px}footer{padding:40px 0;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}footer .links{display:flex;flex-wrap:wrap;gap:20px}.legal{max-width:800px;padding:60px 28px 100px;margin:auto}.legal h1{font-size:48px}.legal h2{font-size:24px;margin-top:38px}.legal p,.legal li{color:var(--muted)}.skip{position:absolute;top:-80px}.skip:focus{top:10px;background:white;padding:15px;z-index:10}@media(max-width:850px){.hero,.intro,.split{grid-template-columns:1fr;gap:35px}.hero{padding-top:35px}.steps{grid-template-columns:1fr 1fr}.privacy-grid{grid-template-columns:1fr}.privacy-grid article{border:0;border-bottom:1px solid var(--line)}.section{padding:60px 0}.navlinks a:not(.btn){display:none}.strip{flex-wrap:wrap}.cta,footer{flex-direction:column;align-items:flex-start}h1{letter-spacing:-2px}.demo{transform:none}.wrap{padding:0 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}