*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1}header .container{justify-content:space-between;padding:20px 0}.logo,header .container{display:flex;align-items:center}.logo img{height:50px;margin-right:15px}.logo h1{font-size:1.8rem;font-weight:700;color:#000}nav ul{display:flex;list-style:none}nav ul li{margin-left:20px}nav ul li a{text-decoration:none;color:#7f8c8d;font-weight:500;transition:color .3s ease;padding:8px 12px;border-radius:4px}nav ul li a.active,nav ul li a:hover{color:#000;background-color:rgba(0,0,0,.1)}main{padding:40px 0}.hero{padding:60px 0;background:#41464d;background:linear-gradient(135deg,#41464d,#33383d);color:#fff;border-radius:10px;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.hero .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-content{flex:1}.hero-content h2{font-size:2.5rem;margin-bottom:20px;font-weight:800}.hero-content p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.features-list ul{list-style-type:none;margin:30px 0}.features-list ul li{margin-bottom:15px;padding-left:30px;position:relative;font-size:1.1rem}.features-list ul li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.cta-buttons{margin-top:30px}.cta-buttons button{background-color:rgba(0,0,0,.4);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:15px 30px;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:600;margin-right:20px}.cta-buttons button:hover{background-color:rgba(0,0,0,.6);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.app-store-badge img{height:50px;vertical-align:middle;transition:transform .3s ease}.app-store-badge img:hover{transform:scale(1.05)}.hero-image{flex:1;text-align:center}.hero-image img{max-width:100%;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.screenshots{padding:60px 0}.screenshots h2{text-align:center;font-size:2rem;margin-bottom:40px;color:#000}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.screenshot-gallery img{width:100%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease;cursor:pointer}.screenshot-gallery img:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.app-details{padding:60px 0;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:40px}.app-details h2{text-align:center;font-size:2rem;margin-bottom:30px;color:#333}.app-details>.container>p{text-align:center;font-size:1.1rem;margin-bottom:50px;color:#666;line-height:1.8}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.feature-item{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item h3{font-size:1.4rem;margin-bottom:15px;color:#333}.feature-item p{color:#666;line-height:1.7}.faq{background-color:#fff;padding:60px 0;border-radius:10px}.faq h2{text-align:center;font-size:2rem;margin-bottom:50px;color:#333}.faq-item{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{font-size:1.3rem;margin-bottom:15px;color:#333}.faq-item p{color:#666;line-height:1.7}footer{background-color:#333;color:#fff;padding:30px 0;margin-top:60px}footer .container{display:flex;justify-content:space-between;align-items:center}.footer-links a{color:#fff;margin-left:20px;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:.8}@media (max-width:768px){.hero .container{flex-direction:column;text-align:center}.features-list ul{text-align:left}.screenshot-gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.features{grid-template-columns:1fr}footer .container{flex-direction:column;text-align:center}.footer-links a{margin:10px 10px 0}.hero-content h2{font-size:2rem}header .container{flex-direction:column;gap:20px}}@media (max-width:480px){.container{padding:0 15px}.hero{padding:40px 15px}.hero-content h2{font-size:1.8rem}nav ul{flex-wrap:wrap;justify-content:center}nav ul li{margin:5px}.app-store-badge img{height:40px}.screenshot-gallery{grid-template-columns:1fr}main{padding:20px 0}.app-details,.faq,.features-detail,.screenshots{padding:40px 0}.app-details h3,.faq h3{font-size:1.2rem}.app-details ul li,.faq p{font-size:1rem}}