:root {
  --primary:#226aa3;
  --secondary:#2a9ad0;
  --muted:#6b7280;
  --bg:#f8fbfc;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Arial',sans-serif;}
body{background:var(--bg);color:#0f172a;line-height:1.5;scroll-behavior:smooth;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Header */
header{background:linear-gradient(90deg,var(--primary),var(--secondary));color:white;padding:20px 0;position:sticky;top:0;z-index:100;}
header .nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
header nav a{color:white;margin-left:20px;text-decoration:none;font-weight:600;transition:0.3s;}
header nav a:hover{text-decoration:underline;}

/* Hero */
.hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:60px 0;gap:20px;background:linear-gradient(180deg,#f0f8ff,#ffffff);}
.hero-text{flex:1;min-width:300px;padding-right:20px;}
.hero-text h1{font-size:36px;margin-bottom:15px;}
.hero-text p{color:var(--muted);font-size:16px;margin-bottom:20px;}
.btn{display:inline-block;padding:12px 20px;background:var(--primary);color:white;border-radius:10px;text-decoration:none;font-weight:600;transition:0.3s;margin-right:10px;}
.btn:hover{background:var(--secondary);}
.btn.secondary{background:white;color:var(--primary);border:1px solid var(--primary);}

/* Cards */
.features,.apps-section,.kendua-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:40px 0;}
.card{background:white;border-radius:12px;padding:20px;box-shadow:0 6px 18px rgba(16,24,40,0.08);transition:0.3s;}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(16,24,40,0.15);}
.card h3{margin-bottom:10px;color:var(--primary);}
.card p{color:var(--muted);font-size:14px;}

/* Screenshots */
.screenshots{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;}
.screenshots img{flex:1 1 120px;height:120px;border-radius:10px;object-fit:cover;transition:0.3s;}
.screenshots img:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(34,106,163,0.15);}

/* Footer */
footer{background:#f0f4f8;padding:30px 20px;text-align:center;color:var(--muted);font-size:14px;}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(2,6,23,0.45);display:none;align-items:center;justify-content:center;padding:28px;z-index:200;}
.modal-card{background:white;padding:20px;border-radius:12px;max-width:700px;width:100%;position:relative;}
.close{background:#e6eef6;border-radius:8px;padding:6px 10px;cursor:pointer;position:absolute;top:12px;right:12px;}

/* Responsive */
@media(max-width:900px){.hero{flex-direction:column;}.hero-text{padding-right:0;}}