:root{
  --bg:#0b1220;
  --accent:#1e88e5;
  --muted:#e6eef8;
  --container:1100px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Hebrew", sans-serif;
  background-image:url("images/bg.png");
  background-size:cover;
  background-position:center;
  /* background-repeat:no-repeat; */
  color:#e6eef8;
  direction:rtl;
  -webkit-font-smoothing:antialiased;
}
.container{max-width:var(--container);margin:0 auto;padding:1rem}
.site-header{background:#071023;border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;gap:12px;padding:14px}
.app-icon{width:56px;height:56px;border-radius:12px;object-fit:cover}
.app-title{font-size:1.6rem;margin:0}
.hero{padding:2rem 0}
.hero h2{font-size:1.4rem;margin:0 0 .75rem}
.hero p{color:var(--muted);line-height:1.6;margin:.5rem 0}

.store-buttons{display:flex;gap:.75rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}
.store-btn{display:inline-block;text-decoration:none;border-radius:10px;box-shadow:0 6px 18px rgba(16,24,40,0.06)}
.store-badge{display:block;height:48px;width:auto}
.store-btn img{display:block}

.features-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}
.feature{background:#071023;padding:1rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 12px rgba(16,24,40,0.04)}
.feature img{width:100%;object-fit:contain;margin-bottom:.5rem}
.feature h4{margin:0;color:#e6eef8}

.contact{padding:1.5rem 0}
.contact a{color:var(--accent);text-decoration:none}

.site-footer{border-top:1px solid #f0f0f0;padding:1rem 0;margin-top:2rem;background:#071023}
.site-footer p{color:var(--muted);margin:0;font-size:.9rem}

@media(min-width:700px){
  .features-grid{grid-template-columns:repeat(5,1fr)}
  .app-title{font-size:1.9rem}
  .hero h2{font-size:1.6rem}
  .store-buttons{justify-content:flex-start}
}