* {
.hero h1 {
font-size: 28px;
margin-bottom: 30px;
color: #d9cfff;
}


.hero p {
max-width: 780px;
margin: 0 auto 50px;
font-size: 10px;
line-height: 1.9;
color: #b4a7e6;
}


.platform-switch button {
padding: 12px 26px;
margin: 10px;
font-size: 10px;
border: 1px solid #3a2a66;
cursor: pointer;
background: #160f2a;
color: #cfc4ff;
}


.platform-switch .active {
background: #2a1a55;
border-color: #7b5cff;
}


.platforms {
margin-top: 50px;
}


.platform {
display: none;
}


.platform.active {
display: block;
}


.platform img {
width: 320px;
margin-bottom: 25px;
}


.download {
padding: 16px 34px;
font-size: 10px;
border: none;
cursor: pointer;
}


.download.windows {
background: #5c4cff;
color: #fff;
}


.download.android {
background: #3ddc84;
color: #000;
}


footer {
text-align: center;
padding: 25px;
background: #120b1f;
color: #6f63a6;
font-size: 9px;
border-top: 1px solid #2a1f45;
}