:root{--night:#10231d;--green:#12a174;--mint:#e8f7f1;--text:#17251f;--muted:#65746f;--line:#e3ebe7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--text);background:#fff;font-size:16px}a{text-decoration:none;color:inherit}header{height:78px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:46px}.logo{display:flex;align-items:center;gap:10px;font-size:23px}.logo span{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#27c995,#087654);display:grid;place-items:center;color:white;font-weight:700}.logo strong{font-size:24px}header nav{display:flex;gap:28px;color:#52635d;font-size:14px}header nav a:hover{color:var(--green)}.outline{margin-right:auto;border:1px solid #cad8d2;border-radius:10px;padding:9px 16px;font-weight:600;font-size:14px}.hero{background:var(--night);min-height:650px;color:white;padding:82px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#1f8d6b22;left:-210px;top:-270px}.hero-copy{position:relative;z-index:1}.badge{display:inline-block;color:#6fe0ba;background:#1a3a30;border:1px solid #2b5548;padding:6px 13px;border-radius:20px;font-size:13px}.hero h1{font-size:52px;line-height:1.35;margin:20px 0 17px;max-width:620px}.hero-copy>p{font-size:18px;color:#a9c1b8;line-height:1.9;max-width:610px}.actions{display:flex;align-items:center;gap:26px;margin:30px 0}.primary{background:var(--green);color:white;padding:13px 22px;border-radius:11px;font-weight:700;box-shadow:0 10px 30px #00a26d2e}.text-link{color:#c5d8d1;font-size:14px}.trust{display:flex;gap:20px;color:#7fa398;font-size:12px;flex-wrap:wrap}.preview{background:#f8fbfa;color:var(--text);border-radius:20px;padding:18px;box-shadow:0 35px 70px #07130f66;transform:rotate(-1.5deg);position:relative}.preview-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:13px}.mini-logo{width:30px;height:30px;background:var(--green);color:#fff;display:grid;place-items:center;border-radius:9px}.preview-top b,.preview-top small{display:block}.preview-top b{font-size:13px}.preview-top small{font-size:9px;color:#84918c}.preview-top i{width:28px;height:28px;border-radius:50%;background:#dfe9e5;margin-right:auto}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.preview-cards div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px}.preview-cards small,.preview-cards b{display:block}.preview-cards small{font-size:10px;color:#7e8d88}.preview-cards b{font-size:18px;margin:5px 0}.preview-cards em{font-size:10px;color:var(--green);font-style:normal}.preview-chart{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px}.chart-head{display:flex;justify-content:space-between;font-size:11px}.chart-head span{color:var(--green)}.preview-chart svg{width:100%;height:160px}.preview-chart .area{fill:url(#g)}.preview-chart .stroke{fill:none;stroke:var(--green);stroke-width:3}.insight{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-top:10px;padding:11px}.insight>span{width:31px;height:31px;border-radius:9px;background:#fff0e4;color:#cf7a3d;display:grid;place-items:center;font-weight:700}.insight small,.insight b{display:block}.insight small{font-size:9px;color:#89958f}.insight b{font-size:11px}.insight em{font-style:normal;font-size:9px;background:#fff0e4;color:#c97033;padding:3px 8px;border-radius:10px;margin-right:auto}.numbers{max-width:1060px;margin:-38px auto 0;background:#fff;box-shadow:0 16px 45px #1a3d2f16;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}.numbers div{text-align:center;padding:24px;border-left:1px solid var(--line)}.numbers div:last-child{border:0}.numbers b,.numbers span{display:block}.numbers b{font-size:20px}.numbers span{color:var(--muted);font-size:13px;margin-top:4px}.features{max-width:1180px;margin:120px auto;padding:0 24px}.section-head{text-align:center;max-width:620px;margin:0 auto 44px}.section-head span,.how>div>span,.security span{color:var(--green);font-weight:700;font-size:14px}.section-head h2,.how h2,.security h2{font-size:35px;margin:9px 0}.section-head p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #16382b0d}.feature-grid i{font-style:normal;width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:21px}.feature-grid h3{font-size:18px;margin:18px 0 7px}.feature-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.how{max-width:1180px;margin:0 auto 110px;padding:70px;border-radius:25px;background:#f2f7f4;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.how h2{max-width:380px}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:15px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #dbe5e0}.how li:last-child{border:0}.how li>b{width:34px;height:34px;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;flex:0 0 auto}.how strong{font-size:16px}.how p{margin:3px 0;color:var(--muted);font-size:13px}.security{max-width:980px;margin:0 auto 120px;padding:34px;display:flex;align-items:center;gap:28px;border:1px solid #cee8dd;border-radius:20px;background:#f6fcf9}.shield{width:76px;height:76px;border-radius:22px;background:var(--mint);color:var(--green);font-size:32px;display:grid;place-items:center;flex:0 0 auto}.security h2{font-size:25px}.security p{color:var(--muted);margin:0}footer{background:var(--night);color:#c4d5ce;padding:55px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}footer p{color:#819e94;font-size:13px}footer div{display:flex;gap:20px;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid #254038;padding-top:22px;color:#66857a;font-size:11px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-left:auto;margin-right:auto}.actions,.trust{justify-content:center}.preview{max-width:600px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.how{margin-left:20px;margin-right:20px;padding:45px;grid-template-columns:1fr;gap:20px}}
@media(max-width:620px){header{padding:0 16px}header nav{display:none}.outline{font-size:12px;padding:8px 11px}.hero{padding:52px 17px}.hero h1{font-size:35px}.hero-copy>p{font-size:16px}.trust{gap:8px}.preview{padding:12px}.preview-chart svg{height:120px}.numbers{margin:0;border-radius:0;grid-template-columns:1fr}.numbers div{border-left:0;border-bottom:1px solid var(--line)}.features{margin:80px auto}.section-head h2,.how h2{font-size:28px}.feature-grid{grid-template-columns:1fr}.how{padding:30px 22px}.security{margin:0 18px 80px;align-items:flex-start}.shield{width:50px;height:50px;border-radius:15px;font-size:22px}.security h2{font-size:20px}footer{grid-template-columns:1fr;text-align:center}footer .logo,footer div{justify-content:center}footer small{grid-column:1}}