*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#fff}#root{min-height:100vh}.container{max-width:100%;margin:0 auto;padding:40px 60px}.header{margin-bottom:100px;padding:40px 20px}.header-content{display:flex;align-items:center;justify-content:center;gap:80px}.header-text{text-align:left}.logo{width:250px;height:250px;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h1{font-size:3.5rem;font-weight:700;margin:0 0 20px;color:#000;letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:600;margin:0 0 15px;color:#000}.tagline{font-size:1.375rem;color:#333;margin:0 0 40px;font-weight:400}.app-store-link{display:inline-block}.app-store-badge{height:50px;width:auto;transition:opacity .2s ease}.app-store-link:hover .app-store-badge{opacity:.8}.content{margin-top:40px}.feature-section{display:flex;gap:20px;align-items:center;margin-bottom:60px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.feature-section.reverse{flex-direction:row-reverse}.feature-section.visible{opacity:1;transform:translateY(0)}.feature-text{flex:1.5}.feature-image{flex:1}.feature-image img{width:100%;max-width:600px;height:auto;border-radius:8px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:80px;padding-top:60px;border-top:1px solid #e0e0e0;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.footer.visible{opacity:1;transform:translateY(0)}.footer-section{max-width:500px}h3{font-size:1.25rem;font-weight:600;margin:0 0 10px;color:#000}p{margin:0;color:#000;line-height:1.6}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 768px){.container,.header{padding:40px 20px}.header-content{flex-direction:column;gap:40px}.header-text{text-align:center}.logo{width:140px;height:140px;order:-1}.feature-section,.feature-section.reverse{flex-direction:column;gap:30px;margin-bottom:60px}.footer{grid-template-columns:1fr;gap:40px;margin-top:60px;padding-top:40px}h1{font-size:2.5rem}h2{font-size:1.5rem}.tagline{font-size:1.125rem}}