*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.top-nav{padding:20px}.logo-link{display:inline-block;text-decoration:none;transition:opacity .2s}.logo-link:hover{opacity:.8}.nav-logo{width:50px;height:50px}.container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 40px 40px;text-align:center}header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.subtitle{font-size:1.3rem;opacity:.95;font-weight:300}.last-updated{margin-top:10px;font-size:.9rem;opacity:.85}main{padding:40px}.steps{margin:40px 0}.step{display:flex;gap:30px;margin-bottom:50px;align-items:flex-start}.step-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;box-shadow:0 4px 12px #667eea66}.step-content h2{color:#333;margin-bottom:10px;font-size:1.5rem}.step-content p{color:#666;margin-bottom:20px}.screenshot-placeholder{background:#f5f5f5;border:2px dashed #ddd;border-radius:16px;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.screenshot-placeholder img{max-width:100%;height:auto;display:block;border-radius:16px}.features{margin:60px 0;padding:40px;background:#f8f9fa;border-radius:12px}.features h2{text-align:center;margin-bottom:30px;color:#333;font-size:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.feature{text-align:center}.feature-icon{font-size:3rem;display:block;margin-bottom:15px}.feature h3{color:#333;margin-bottom:10px;font-size:1.2rem}.feature p{color:#666;font-size:.95rem}.cta{text-align:center;margin:60px 0;padding:40px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px}.cta h2{margin-bottom:15px;color:#333;font-size:1.8rem}.cta p{margin-bottom:25px;color:#666;font-size:1.1rem}.btn-primary{display:inline-block;padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.help{margin:40px 0;padding:30px;background:#fff8e1;border-left:4px solid #ffc107;border-radius:8px}.help h3{color:#333;margin-bottom:20px;font-size:1.4rem}.help ul{list-style:none;margin-bottom:20px}.help ul li{margin-bottom:15px;padding-left:20px;position:relative}.help ul li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}.help strong{color:#333}.privacy-link{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.privacy-link a{color:#667eea;text-decoration:none;font-weight:600}.privacy-link a:hover{text-decoration:underline}.privacy-content{line-height:1.8}.privacy-content section{margin-bottom:40px}.privacy-content h2{color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #667eea;font-size:1.8rem}.privacy-content ul{margin-left:30px;margin-bottom:15px}.privacy-content li{margin-bottom:10px}.privacy-content a{color:#667eea;text-decoration:none}.privacy-content a:hover{text-decoration:underline}footer{background:#f8f9fa;padding:30px 40px;text-align:center;color:#666;border-top:1px solid #e0e0e0}footer p{margin-bottom:10px}footer a{color:#667eea;text-decoration:none}footer a:hover{text-decoration:underline}.hero{text-align:center;padding:80px 40px 60px}.logo{width:120px;height:120px;margin-bottom:30px}.hero h1{font-size:3rem;margin-bottom:20px}.hero-subtitle{font-size:1.4rem;margin-bottom:40px;opacity:.95}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-secondary{display:inline-block;padding:15px 40px;background:#fff;color:#667eea;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000001a}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.problem{padding:60px 40px;text-align:center;background:#fff8e1}.problem h2{font-size:2.2rem;margin-bottom:20px;color:#333}.problem p{font-size:1.2rem;color:#666;max-width:800px;margin:0 auto}.how-it-works{padding:60px 40px}.how-it-works h2{text-align:center;font-size:2.2rem;margin-bottom:50px;color:#333}.how-it-works .step-content h3{font-size:1.3rem;color:#333;margin-bottom:10px}.benefits{padding:60px 40px;background:#f8f9fa}.benefits h2{text-align:center;font-size:2.2rem;margin-bottom:50px;color:#333}.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.benefit{text-align:center;padding:20px}.benefit-icon{font-size:3rem;display:block;margin-bottom:15px}.benefit h3{font-size:1.3rem;color:#333;margin-bottom:10px}.benefit p{color:#666}.stats{padding:60px 40px;text-align:center}.stats h2{font-size:2.2rem;margin-bottom:50px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat{padding:30px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px}.stat-number{font-size:3rem;font-weight:700;color:#667eea;margin-bottom:10px}.stat-label{font-size:1.1rem;color:#666}.faq{padding:60px 40px;background:#f8f9fa}.faq h2{text-align:center;font-size:2.2rem;margin-bottom:50px;color:#333}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:30px;padding:25px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.faq-item h3{font-size:1.3rem;color:#667eea;margin-bottom:10px}.faq-item p{color:#666;font-size:1.05rem}.cta-final{padding:80px 40px;text-align:center}.cta-final h2{font-size:2.5rem;margin-bottom:20px;color:#333}.cta-final p{font-size:1.2rem;color:#666;margin-bottom:30px}.privacy-note{margin-top:20px;font-size:.95rem;color:#999}footer nav{margin-bottom:20px}footer nav a{margin:0 15px;font-weight:600}footer .contact{font-size:.9rem}@media(max-width:768px){header h1{font-size:2rem}.subtitle{font-size:1.1rem}.hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.logo{width:80px;height:80px}.cta-buttons{flex-direction:column}.problem h2,.how-it-works h2,.benefits h2,.stats h2,.faq h2,.cta-final h2{font-size:1.8rem}main{padding:20px}.step{flex-direction:column;gap:15px}.step-number{width:50px;height:50px;font-size:1.5rem}.features-grid{grid-template-columns:1fr}.features,.cta{padding:20px}.problem,.how-it-works,.benefits,.stats,.faq,.cta-final{padding:40px 20px}.benefits-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}}