*{box-sizing:border-box}body{margin:0;background:#f8fbf9;color:#102119;font-family:Arial,sans-serif}header,main,footer,.slider{max-width:1180px;margin:auto}header{height:86px;display:flex;align-items:center;gap:35px;padding:10px 20px;background:#fff}.brand{display:flex;align-items:center;gap:10px;min-width:340px}.brand img{width:62px;height:62px;object-fit:contain}.brand b{font-size:26px;color:#087f35}.brand em{color:#7b17cc;font-style:normal}.brand small{display:block;color:#17608b;margin-top:4px}nav{margin-left:auto;font-weight:700}.download,.install,article button{background:#09aa43;color:#fff;text-decoration:none;border:0;border-radius:9px;font-weight:800}.download{padding:15px 18px}.slider{height:280px;overflow:hidden;position:relative;border-radius:14px;border:1px solid #22c55e;background:#fff}.track{display:flex;width:400%;height:100%;transition:.6s}.track img{width:25%;height:100%;object-fit:contain;background:#fff}.slider button{position:absolute;top:45%;border:0;border-radius:50%;width:42px;height:42px;background:#ffffffdd;color:#078b35;font-size:30px}.prev{left:14px}.next{right:14px}.dots{position:absolute;bottom:12px;left:0;right:0;text-align:center}.dots i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#b5dfc2;margin:4px}.dots i.active{background:#08a83f}main{padding:18px 20px}.app{background:#fff;border:1px solid #26c763;border-radius:14px;padding:20px;display:grid;grid-template-columns:130px 1fr 180px;gap:20px;align-items:center}.icon{width:120px;height:120px;object-fit:contain;border-radius:25px}.info h1{margin:0;font-size:28px}.info p{margin:9px 0;color:#24506b}.info strong{color:#e9a600}.copy{padding:14px;border:2px solid #08a83f;background:#fff;color:#087f35;border-radius:10px;font-weight:800}.install{grid-column:1/-1;text-align:center;padding:17px;font-size:22px}.saudi{margin-top:20px;padding:14px 25px;border-radius:14px;background:linear-gradient(90deg,#efffe8,#fff,#d9f5e2);display:flex;align-items:center;gap:25px;border:1px solid #d6eadc}.saudi img{width:105px}.saudi div{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%}.saudi b{font-size:30px;color:#087f35}.saudi em{color:#7b17cc;font-style:normal}.saudi strong{font-size:28px;color:#087f35}.saudi span{grid-column:2}h2{font-size:22px}.packages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.packages article{background:#fff;border:1px solid #c9e8d4;border-radius:12px;padding:15px;text-align:center;display:grid;gap:10px}.packages article b{padding:18px;background:#0b9ce8;color:white;border-radius:9px;font-size:20px}.packages article:nth-child(3) b{background:#12a88b}.packages article:nth-child(n+4) b{background:#7623a8}.packages article strong{color:#087f35}.packages article button{padding:11px}.features{margin-top:14px;background:#eaf8ed;border-radius:10px;padding:15px;text-align:center;color:#087f35;font-weight:700}footer{padding:20px;display:flex;align-items:center;justify-content:space-between}footer .brand img{width:44px;height:44px}footer .brand b{font-size:18px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#111;color:white;padding:10px 18px;border-radius:8px;display:none}
@media(max-width:700px){header{height:74px;padding:8px 12px}.brand{min-width:0;flex:1}.brand img{width:50px;height:50px}.brand b{font-size:18px}.brand small{font-size:11px}header nav,header .download{display:none}.slider{margin:0 10px;height:150px}.track img{object-fit:contain}main{padding:10px}.app{grid-template-columns:80px 1fr;padding:12px;gap:10px}.icon{width:76px;height:76px}.info h1{font-size:18px}.info p{font-size:12px;margin:5px 0}.copy{grid-column:1/-1}.install{font-size:17px}.saudi{padding:10px;gap:10px}.saudi img{width:70px}.saudi div{display:block}.saudi b,.saudi strong{display:block;font-size:17px}.saudi span{font-size:12px}.packages{display:block}.packages article{grid-template-columns:70px 1fr 70px 80px;align-items:center;margin:8px 0;padding:8px}.packages article b{padding:10px;font-size:14px}.packages article span,.packages article strong{font-size:12px}.features{font-size:12px;line-height:2}footer{padding:15px 10px;font-size:10px}footer .brand{min-width:0}footer .brand small{display:none}}