* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Inter', sans-serif; line-height: 1.6; background: #fff; color: #111;}
header {padding: 1.5rem 2rem; border-bottom: 1px solid #eee; text-align: center;}
header h1 {font-size: 2rem; font-weight: 800;}
header p {margin-top: 0.5rem; color: #555;}


.video-wrapper {
  text-align: center;
  margin: 2rem 0;
}

.video-wrapper video {
  width: 100%;
  max-width: 720px;
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}



.logo-wrapper {display: inline-block; background: #fff; padding: 1rem; border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.logo-wrapper img {display: block; max-width: 150px; border-radius: 50%;}

.section {max-width: 900px; margin: 0 auto; padding: 3rem 1.5rem;}
.section h2 {text-align: center; font-size: 1.6rem; margin-bottom: 1.5rem;}
.section p {margin-bottom: 1rem;}

.center {text-align: center;}
.store-badge img {margin-top: 1rem;}

ul.features {margin: 1rem 0; padding-left: 1.2rem;}
ul.features li {margin-bottom: 0.5rem;}

.screenshot {text-align: center; margin: 2rem 0;}
.screenshot img {max-width: 70%; border-radius: 1rem; box-shadow: 0 4px 12px rgba(0,0,0,0.08);}

footer {padding: 2rem; border-top: 1px solid #eee; text-align: center; font-size: 0.9rem; color: #555;}
footer a {color: #111; text-decoration: none;}

.lang-switch {position: fixed; right: 1rem; top: 1rem;}
.lang-switch button {margin-left: 0.25rem;}

@media (max-width: 600px){
  header h1 {font-size: 1.5rem;}
}