@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#153b33;--muted:#687870;--paper:#f7f8f2;--lime:#d3f077;--line:#dce3d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #719d24;outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}.nav{height:98px;display:flex;align-items:center;justify-content:space-between;width:min(1300px,94%);margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:700}.mark{display:grid;place-items:center;width:42px;height:44px;color:var(--paper);background:var(--ink);border-radius:13px 3px 13px 3px;font-size:28px}.brand-sub{font-size:12px;font-weight:400;border-right:1px solid var(--line);padding-right:12px}.nav nav{display:flex;gap:30px;font-size:14px}.small-button{border:1px solid #a6b5a7;padding:10px 19px;border-radius:7px;font-size:13px}.small-button span{margin-right:20px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;align-items:center;min-height:710px;padding-block:70px}.eyebrow{font-size:13px;letter-spacing:.2px;display:block}.eyebrow i{display:inline-block;background:#7d9d3f;width:7px;height:7px;border-radius:50%;margin-left:7px}h1{font-size:clamp(43px,4.7vw,67px);line-height:1.4;letter-spacing:-2px;margin:23px 0}h1 em{font-style:normal;background:linear-gradient(transparent 64%,var(--lime) 64%,var(--lime) 88%,transparent 88%)}p{line-height:1.95;color:var(--muted);font-size:16px}.hero-copy>p{max-width:480px;font-size:18px}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:white;border-radius:7px;padding:15px 23px;font-size:14px}.button:hover{background:#235347}.text-link{font-size:14px}.hero-note{font-size:12px;color:var(--muted);margin-top:27px}.hero-note span{color:#8ea64d;margin-left:6px}.report-scene{position:relative;background:#e8edde;border-radius:150px 12px 12px 12px;padding:55px 30px 22px;background-image:radial-gradient(#9dad8d66 .7px,transparent .7px);background-size:13px 13px}.scene-label{font-size:11px;position:absolute;top:23px;left:25px}.report{background:#fffefa;padding:25px;border-radius:13px;box-shadow:0 20px 40px #18332714;transform:rotate(-3deg)}.floating-tag{position:absolute;top:58px;right:-20px;z-index:2;background:var(--ink);color:var(--lime);padding:11px 16px;border-radius:7px;font-size:12px;transform:rotate(5deg)}.report-top{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.mini-logo{font-size:25px;color:#6d8c2f}.report-top b{font-size:15px}.report-top small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.dots{margin-right:auto;letter-spacing:2px;color:#9ba59c}.report-total{text-align:center;padding:24px 0;display:grid;gap:5px}.report-total>span:first-child{font-size:12px;color:var(--muted)}.report-total strong{font-size:48px;letter-spacing:-1px}.report-total strong small{font-size:15px;font-weight:400}.converted{font-size:12px}.report-lines{border-top:1px dashed var(--line);padding-top:12px}.report-lines>div{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.report-lines span{color:var(--muted)}.trade-count{display:flex;justify-content:space-between;background:#f0f3e9;padding:12px 10px;border-radius:6px;font-size:10px;margin-top:10px}.success{color:#648a24}.report-bottom{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:20px}.scene-foot{display:flex;justify-content:space-between;margin-top:35px;font-size:10px}.strip{background:var(--ink);color:#f1f3e7}.strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px;font-size:14px}.strip i{font-style:normal;color:var(--lime);margin-right:22px}.strip span:first-child{color:#a6baab;font-size:12px}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading p{max-width:370px}h2{font-size:41px;line-height:1.5;letter-spacing:-.9px;margin:15px 0 22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--line)}.steps article{padding:30px 28px 0;border-left:1px solid var(--line)}.steps article:first-child{padding-right:0}.steps article:last-child{border-left:0}.step-num{font-size:11px;color:#94a08e;float:left}.step-icon{font-size:38px;line-height:1.4}h3{font-size:20px;margin-bottom:8px}.steps p{font-size:14px;margin-top:0}.example-section{background:#eaf0e3;padding-block:90px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center}.quiet{font-size:12px;max-width:360px}.calculator{background:#fffefa;border:1px solid #cbd7c5;padding:28px;border-radius:12px;box-shadow:0 12px 25px #18332706}.calc-heading{display:flex;justify-content:space-between;align-items:center;font-size:15px}.calc-heading span{font-size:10px;background:#eef3e5;border-radius:20px;padding:4px 10px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-block:25px}.inputs label{font-size:12px}.inputs label>span{float:left;color:var(--muted);font-size:10px}input{margin-top:8px;width:100%;padding:12px;background:#f6f7f2;border:1px solid #d3dccd;border-radius:6px;font-size:22px;direction:ltr;text-align:left;color:var(--ink)}.calc-row{display:flex;justify-content:space-between;font-size:13px;margin:15px 0;color:var(--muted)}.calc-row b{color:var(--ink)}.calc-result{border-top:1px solid var(--line);margin-top:22px;padding:20px 0 10px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.calc-result span{font-size:14px}.calc-result strong{font-size:25px;text-align:left}.calc-result small{grid-column:2;text-align:left;color:var(--muted);font-size:12px}.copy{width:100%;display:flex;justify-content:space-between;padding:12px 0 0;border:0;border-top:1px solid var(--line);margin-top:18px;background:none;color:var(--ink);font-size:12px;cursor:pointer}#copy-status{display:block;min-height:17px;font-size:11px;color:#648a24}#calc-error{font-size:12px;color:#a43f31}.detail{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.detail-list article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:20px 0}.detail-list article>span{padding-top:7px;color:#8a9d7d;font-size:12px}.detail-list h3{margin:0;font-size:18px}.detail-list p{font-size:14px;margin-bottom:3px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:100px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:16px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px}details[open] summary:after{content:'−'}details p{font-size:14px}.closing{text-align:center;background:var(--lime);border-radius:12px;padding:55px 25px;margin-bottom:70px}.closing h2{font-size:45px}.closing p{font-size:14px}footer{display:flex;align-items:center;gap:35px;padding-bottom:35px;flex-wrap:wrap}footer .brand{font-size:24px}footer p,footer a,footer small{font-size:12px}footer>div{display:flex;gap:20px;margin-right:auto}footer small{width:100%;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.legal{max-width:850px;padding-block:70px}.legal h1{font-size:42px}.legal h2{font-size:23px}.legal p,.legal li{font-size:16px;line-height:2;color:var(--muted)}
@media(max-width:950px){.hero{gap:35px}.hero h1{font-size:47px}.brand-sub{display:none}.example-grid{gap:50px}.detail,.faq{gap:50px}.nav nav{gap:18px}.report{padding:20px}.floating-tag{right:-8px}.report-scene{padding:55px 20px 20px}}@media(max-width:680px){.nav{height:80px}.nav nav{gap:13px;font-size:11px}.nav nav a:last-child{display:none}.small-button{display:none}.brand{font-size:25px}.mark{width:34px;height:37px;font-size:24px}.hero{grid-template-columns:1fr;gap:45px;padding-block:40px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.actions{gap:17px}.button{font-size:12px;padding:14px 16px;gap:17px}.text-link{font-size:12px}.report-scene{max-width:420px;width:94%;margin:auto}.strip>.wrap{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:15px}.strip i{margin-right:5px}.section{padding-block:60px}.section-heading{display:block}.section-heading p{font-size:14px}h2{font-size:33px}.steps{grid-template-columns:1fr}.steps article{border-left:0;border-bottom:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:45px 1fr;gap:0 15px}.steps article p{grid-column:2}.step-num{display:none}.step-icon{grid-row:1/3}.steps h3{margin-top:0}.example-section{padding-block:55px}.example-grid,.detail,.faq{grid-template-columns:1fr;gap:25px}.calculator{padding:20px}.calc-heading{font-size:13px}.inputs{gap:10px}.closing{margin-bottom:40px}.closing h2{font-size:35px}footer{gap:15px}footer>p{display:none}footer>div{gap:13px}summary{font-size:14px}.legal{padding-block:40px}}