@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--olive:#708238;--silver:#c0c0c0;--beige:#f5f5dc;--black:#111;--white:#fff;--muted:#66705f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--black);background:#fff;line-height:1.8}
.container{width:min(1120px,92%);margin:auto}.hero{min-height:720px;background:linear-gradient(135deg,#f5f5dc 0%,#fff 52%,#dfe3d1 100%);overflow:hidden}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:800;letter-spacing:1px}.logo span{font-size:13px;color:var(--olive)}
.nav-btn{color:#fff;background:var(--black);text-decoration:none;padding:9px 18px;border-radius:24px;font-weight:700}
.hero-content{display:flex;align-items:center;justify-content:space-between;gap:70px;padding:70px 0 90px}.hero-text{max-width:650px}.eyebrow{text-transform:none;color:var(--olive);font-weight:800;letter-spacing:.5px;margin:0 0 8px}
h1{font-size:clamp(42px,6vw,72px);line-height:1.2;margin:10px 0 20px;font-weight:800}h1 span{color:var(--olive)}.lead{font-size:18px;color:#4f554d;max-width:620px}
.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primary,.secondary{display:inline-block;text-decoration:none;padding:12px 25px;border-radius:30px;font-weight:800}.primary{background:var(--olive);color:#fff}.secondary{border:1px solid #aaa;color:#222;background:#fff}
.phone{width:285px;height:570px;background:#171717;border-radius:40px;padding:12px;box-shadow:0 30px 70px #70823855;transform:rotate(4deg)}.phone-top{width:100px;height:20px;background:#000;border-radius:20px;margin:0 auto 8px}.screen{height:510px;border-radius:29px;background:linear-gradient(180deg,#f5f5dc,#fff);padding:28px 18px}.mini-logo{font-weight:800;font-size:22px;color:var(--olive)}.balance{margin-top:28px;background:#708238;color:#fff;border-radius:20px;padding:18px}.balance strong{font-size:23px}.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px}.cards div{background:#fff;border-radius:12px;padding:7px;font-size:10px;text-align:center}.cards b{font-size:14px}.bar{height:14px;border-radius:20px;background:#c0c0c0;margin-top:30px}.bar.short{width:70%;margin-top:10px}.section{padding:90px 0}.section h2,.highlight h2,.download h2{font-size:38px;line-height:1.3;margin:5px 0 35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{padding:28px;background:#fafafa;border:1px solid #eee;border-radius:22px}.icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--olive),#9ba878);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:15px}.grid h3{margin:0 0 5px}.grid p{margin:0;color:#666}
.highlight{background:linear-gradient(135deg,#f5f5dc,#eef0e8);padding:80px 0}.split{display:flex;justify-content:space-between;gap:60px;align-items:center}.split>div:first-child{max-width:620px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{background:#fff;border-radius:20px;padding:22px;text-align:center;min-width:110px}.stats strong{display:block;font-size:27px;color:var(--olive)}.stats span{font-size:13px}
.download{padding:90px 0}.download-box{text-align:center;background:#111;color:#fff;border-radius:30px;padding:55px 25px}.download-box .eyebrow{color:#b7c38e}.download-box h2{margin-bottom:10px}.download-box p{color:#ddd}.download-box small{display:block;color:#aaa;margin-top:15px}
footer{background:#111;color:#fff;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner span{color:#aaa}
@media(max-width:800px){.hero{min-height:auto}.hero-content{flex-direction:column;text-align:center;padding-top:35px}.lead{margin:auto}.actions{justify-content:center}.phone{transform:none;width:260px;height:520px}.screen{height:465px}.grid{grid-template-columns:1fr 1fr}.split{flex-direction:column;align-items:stretch}.stats{width:100%}.footer-inner{flex-direction:column}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr}.stats div{min-width:0;padding:14px 7px}.nav-btn{font-size:12px}.section h2,.highlight h2,.download h2{font-size:29px}}

.download-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.dark-secondary{border-color:#777;color:#fff;background:#222}.versions{padding:20px 0 90px}.version-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.version-card{position:relative;padding:32px;background:#fafafa;border:1px solid #e7e7e7;border-radius:24px}.version-card.featured{background:linear-gradient(135deg,#f5f5dc,#fff);border-color:#c8cfaa}.version-badge{display:inline-block;padding:4px 12px;border-radius:18px;background:var(--olive);color:#fff;font-weight:800;font-size:13px}.version-card h3{font-size:25px;margin:14px 0 6px}.version-card p{color:#666;min-height:58px}.version-card .primary{margin-top:10px}
@media(max-width:800px){.version-grid{grid-template-columns:1fr}}