body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;padding:40px;background:#f7fbff;color:#0b1220}
.wrap{max-width:900px;margin:0 auto}
header{display:flex;align-items:center;gap:12px}
a.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#0b74da;text-decoration:none;font-size:20px}
.hero{margin-top:28px;background:#fff;padding:28px;border-radius:8px;box-shadow:0 6px 18px rgba(12,23,43,0.04)}
.muted{color:#6b7280}
.links{margin-top:20px}
a.btn{display:inline-block;padding:10px 14px;border-radius:6px;text-decoration:none;background:#0b74da;color:#fff}
ul{padding-left:18px}
li{margin-bottom:6px}
.tagline{font-size:18px;font-weight:600;margin-top:10px;color:#0b74da}
footer{margin:20px 0; text-align: center;}
h1 {margin-top: 0;}
.footer-nav{
    padding-top:10px;
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-nav a{
    color:#0b74da;
    text-decoration:none;
    font-weight:600;
    padding:6px 10px;
    border-radius:6px;
    transition:background .2s;
}

.footer-nav a:hover{
    background:#e8f1ff;
}

.download {
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    justify-content: center;
}
.download a {
    text-decoration: none;
}
/* Mobile */
@media (max-width: 768px) {
    body {
        padding:10px;
    }
    .hero {
        padding: 10px;
        margin-top: 20px;
    }
    .footer-nav{
        flex-direction:column;
        gap:12px;
        align-items:center;
    }
    .download {
        gap: 20px;
    }
}