*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:linear-gradient(135deg,#f5f5f5,#e6e6e6);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:2rem}.nav-container{max-width:1200px;margin:0 auto;padding:2rem 2rem 0}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:3rem}nav a{color:#333;text-decoration:none;margin-left:2rem;font-weight:500}.logo{display:flex;align-items:center;text-decoration:none;color:#333}.logo img{width:32px;height:32px;margin-right:.5rem;border-radius:8px}.logo h2{font-weight:600}.hero{display:flex;align-items:center;justify-content:space-between;padding:4rem 0;min-height:60vh}.hero-content{flex:1;padding-right:4rem;padding-left:4rem}h1{font-size:3.5rem;margin-bottom:1.5rem;font-weight:700;color:#333}p{font-size:1.25rem;line-height:1.6;margin-bottom:1rem;color:#555}.app-store-button{background:#4a6fa5;color:#fff;padding:1rem 2rem;border-radius:25px;text-decoration:none;display:inline-block;font-weight:600;transition:transform .2s}.app-store-button:hover{transform:scale(1.05)}.app-preview{flex:1;text-align:center}.app-icon{width:300px;height:300px;border-radius:45px;margin-bottom:2rem;box-shadow:0 20px 40px #0000001a}.content{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:800px;margin:0 auto}.container-narrow{max-width:800px}.contact{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.email{color:#4a6fa5;text-decoration:none;font-weight:500}.email:hover{text-decoration:underline}.last-updated{color:#888;font-size:.9rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem;padding:2rem 0}.feature-item{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item h2{color:#4a6fa5;margin-bottom:1rem;font-weight:600}@media (max-width: 768px){.hero{flex-direction:column;text-align:center;padding:2rem 0;gap:20px}.hero-content{padding-right:0;padding-left:0;margin-bottom:2rem}h1{font-size:2.5rem}.features{grid-template-columns:1fr}}