body{
    margin:0;
    font-family:Arial,sans-serif;
    background:#f3f3f3;
    color:#333;
}

.hero{
    text-align:center;
    padding:40px 16px;
    background:#6200ee;
    color:#fff;
}

.hero h1{
    margin-bottom:10px;
}

.download-btn{
    display:inline-block;
    margin:16px 0;
    padding:14px 22px;
    background:#4CAF50;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-size:16px;
}

.download-btn:hover{
    background:#388E3C;
}

.version{
    font-size:13px;
    opacity:0.8;
}

.section{
    max-width:900px;
    margin:0 auto;
    padding:30px 16px;
}

.section h2{
    margin-bottom:10px;
}

ul{
    padding-left:20px;
}

.screenshots{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center; /* horizontal centering */
    align-items:center;     /* vertical centering */
}

.screenshots picture, .screenshots img{
    display:block;
}

.screenshots img{
    width:200px;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    height:auto;
}

footer{
    text-align:center;
    padding:20px;
    background:#111;
    color:#aaa;
    font-size:13px;
}

/* Mobile responsiveness */
@media(max-width:480px){
    .screenshots img{
        width:100%;
        max-width:200px;
    }
}