body{font-family:tahoma;background:#fff7f0;margin:0;color:#222}
.container{width:92%;max-width:1400px;margin:auto}
header{background:#4c2d20;padding:20px}
.logo{font-size:32px;color:#ffd7a3;font-weight:bold}
nav a{color:white;text-decoration:none;margin-left:20px}
.hero{padding:100px 0;background:linear-gradient(135deg,#4c2d20,#d69d6c);text-align:center}
.hero h1{font-size:56px;color:white}
.hero p{color:#ffe7cb;font-size:20px}
.btn{display:inline-block;margin-top:30px;background:#ffd7a3;color:#4c2d20;padding:15px 30px;border-radius:15px;text-decoration:none}
.apps{padding:80px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.card{background:white;padding:28px;border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.top{display:flex;gap:15px;align-items:center;margin-bottom:20px}
.top img{width:70px;height:70px;object-fit:contain;background:white;padding:6px;border-radius:18px}
.top h3{margin:0;color:#4c2d20}
.top span{background:#ffe0b6;padding:5px 12px;border-radius:50px;font-size:14px}
.card a{display:inline-block;margin-top:18px;background:#5a341f;color:white;padding:12px 20px;border-radius:12px;text-decoration:none}
footer{background:#2b1a14;color:#ffe7cc;text-align:center;padding:25px;margin-top:50px}